둥근 이미지 모서리

이 도구가 유용할 때

일관된 모서리 지오메트리가 필요한 아바타, 카드, 썸네일, UI 자산.

로컬 처리 작동 방식

브라우저는 선택한 테두리 너비만큼 캔버스를 확장하고, 선택한 색상으로 테두리를 채우고, 둥근 직사각형 외부 마스크를 적용한 후 PNG를 작성합니다.

사용 방법

1. 소스 준비: 일관된 모서리 지오메트리가 필요한 아바타, 카드, 썸네일, UI 자산.
2. 로컬에서 처리: 브라우저는 선택한 테두리 너비만큼 캔버스를 확장하고, 선택한 색상으로 테두리를 채우고, 둥근 직사각형 외부 마스크를 적용한 후 PNG를 작성합니다.
3. 다운로드 및 확인: 대비되는 배경 위의 모서리를 보고, 네 개의 가장자리를 200%로 점검하며, 치수를 확인하고, 목표 UI 스케일을 테스트하세요.

중요한 제한 사항

경로는 PNG만 내보내며; 큰 외곽 반경은 모서리 픽셀을 제거하고, 마스크는 벡터 안티앨리어싱 대신 하드 픽셀 엣지를 사용하며, 메타데이터는 제거됩니다.

다운로드한 결과 확인

대비되는 배경 위의 모서리를 보고, 네 개의 가장자리를 200%로 점검하며, 치수를 확인하고, 목표 UI 스케일을 테스트하세요.

설계상 개인정보 보호

파일은 브라우저에 남습니다. 이 도구는 원본이나 출력을 서버로 업로드하지 않습니다.

질문과 답변

관련 도구