정확한 크기 조정과 빠른 로컬 내보내기로 데스크톱 툴바, 앱 컨트롤 및 파비콘을 위한 깔끔한 32x32 pixel 아이콘을 만드세요.
드래그 앤 드롭 또는 클릭하여 이미지 선택 (최대 20MB)
JPG, PNG, GIF, WebP 형식 지원
툴바, 탭 및 컴팩트한 탐색 영역에서 읽기 쉬운 작은 아이콘을 만드세요.
32x32는 데스크톱 툴바 및 제어판에 일반적인 크기로, 너무 많은 공간을 차지하지 않으면서 인식 가능한 아이콘에 충분한 세부 정보를 제공합니다. 이는 신뢰할 수 있는 UI 기본값입니다.
최신 디스플레이에서 약간 더 큰 파비콘이 선명도를 향상시키는 브라우저 탭 및 바로가기용으로 선명한 32x32 파일을 내보냅니다. 더 큰 파비콘은 확대 시에도 더 선명하게 유지됩니다.
설정 토글, 미니 액션 버튼, 그리고 아이콘이 좁은 레이아웃에서도 읽을 수 있어야 하는 컴팩트 UI 컨트롤에 32x32를 사용하세요. 컴팩트 명령 바에 적합합니다.
스프라이트 시트 및 UI 팩에 대한 아이콘 일관성을 유지하려면 32x32로 표준화하고 깔끔한 렌더링을 위해 스트로크를 그리드에 정렬하세요. 이렇게 하면 스프라이트 맵의 블러가 줄어듭니다.
64x64로 디자인하고 32x32로 다운스케일하여 고DPI 화면 및 확대된 UI 패널에서 가장자리를 선명하게 유지하세요. 다운스케일링은 대각선과 곡선을 부드럽게 만듭니다.
어떤 배경에도 들쭉날쭉한 가장자리나 눈에 띄는 후광 없이 깔끔하게 배치되는 투명 PNG 또는 WebP 아이콘을 내보내세요. 유색 배경에서 후광을 피하세요.
이미지를 업로드하고 32x32 픽셀로 설정한 다음 깔끔한 아이콘 파일을 내보내세요.
이미지를 업로드하고 실제 크기로 미리보기하여 최종 내보내기 전에 32x32에서 주요 세부 정보가 읽기 쉬운지 확인하세요.
32x32를 입력하고, 필요하면 비율을 잠그고, 아이콘이 중앙에 오고 균형 잡힌 느낌이 들도록 자르기를 조정하세요. 패딩을 균일하게 유지하세요.
32x32 파일을 PNG, WebP 또는 JPEG로 다운로드하여 도구 모음, 탭 또는 앱 컨트롤에 넣으세요. PNG는 가장자리를 선명하게 유지합니다.
모든 그래픽을 도구 모음 및 탭용 깔끔한 32x32 아이콘으로 크기 조정하세요. 로컬 처리는 가장자리를 선명하게 유지하고 내보내기는 경량으로 유지됩니다.
32x32로 크기 조정데스크톱 및 웹 인터페이스용 선명한 32x32 아이콘을 만드는 방법에 대한 답변.
32x32는 도구 모음 아이콘, 데스크톱 앱 컨트롤 및 약간 더 큰 파비콘에 사용됩니다. 밀집된 탐색 및 빠른 스캔을 위해 작게 유지하면서도 명확한 모양을 위한 충분한 공간을 제공합니다. 레거시 앱 메뉴에서도 사용됩니다.
네. 32x32는 1:1 정사각형이며, 이는 그리드, 메뉴 및 스프라이트 시트 전반에 걸쳐 아이콘 세트를 정렬되고 일관되게 유지합니다. 정사각형 비율은 UI 시스템에서 재사용하기 쉽습니다. 이는 패딩 규칙을 단순화하고 레이아웃 오류를 줄입니다.
PNG는 선명한 가장자리와 투명도에 가장 적합합니다. WebP는 선명도를 유지하면서 더 작은 파일을 제공합니다. JPEG는 작은 사진에 적합하지만 선명한 선 아이콘과 텍스트를 부드럽게 만들 수 있습니다. WebP는 웹에 좋은 기본값입니다. 투명도가 필요한 경우 PNG를 사용하세요.
기호가 사각형을 채우고 굵게 보이도록 하려면 자르세요. 전체 이미지를 보존해야 하지만 아이콘이 작아 보이지 않도록 테두리를 얇게 유지해야 할 때는 맞추세요. 균형을 위해 초점을 중앙에 두세요. 균일한 패딩은 아이콘을 일관되게 유지합니다.
고DPI 디스플레이의 경우 64x64로 디자인하고 32x32로 축소하세요. 이렇게 하면 가장자리가 선명하게 유지되고 확대되거나 크기가 조정된 UI 패널에서 들쭉날쭉한 선이 방지됩니다. 이는 UI가 확장될 때도 도움이 됩니다. 이는 레티나 워크플로우의 표준입니다.
네. 32x32는 포인터 및 커서 그래픽에 일반적으로 사용됩니다. 핫스팟을 정렬하고 가는 선을 피하여 다양한 배경에서 커서가 계속 보이도록 하세요. 어두운 테마에서 사라지는 얇은 선은 피하세요.
대부분의 32x32 아이콘은 몇 킬로바이트에 불과합니다. 플랫 그래픽은 압축률이 매우 높아서 대규모 인터페이스 툴킷에서 사용될 때도 즉시 로드됩니다. 캐시 및 재사용이 용이합니다. 명확성을 위해 단순한 모양을 사용하세요.
더 큰 원본에서 축소하면 일반적으로 품질이 높게 유지되며 노이즈를 부드럽게 처리할 수 있습니다. 작은 이미지를 확대하면 세부 사항이 흐려질 수 있으므로 가능하면 더 큰 원본으로 시작하세요. 축소는 종종 선명도를 향상시킵니다. 이는 작은 텍스트를 보호합니다.
네. 가입 없이 무료로 이미지를 조정하고 다운로드할 수 있습니다. 처리는 브라우저 내에서 로컬로 이루어지며, 사용량 제한이나 숨겨진 요금이 없습니다.
아니요. 모든 크기 조정 및 압축은 브라우저에서 실행됩니다. 파일은 절대 디바이스를 떠나지 않으며 서버에 저장되지 않아 이미지가 비공개 유지됩니다.
프로젝트에서 자주 사용하는 이미지 크기로 빠르게 이동