빠른 로컬 내보내기로 작은 배지, 마이크로 카운터, 컴팩트한 인터페이스 표시기를 위한 정밀한 10x10 픽셀 마크를 만드세요.
드래그 앤 드롭 또는 클릭하여 이미지 선택 (최대 20MB)
JPG, PNG, GIF, WebP 형식 지원
밀집된 인터페이스에서 가벼운 용량을 유지하면서 마이크로 배지를 읽기 쉽고 정렬된 상태로 유지하세요.
10x10은 주변 텍스트나 레이블에서 주의를 분산시키지 않고 눈에 띄어야 하는 알림 점, 마이크로 배지, 컴팩트 카운터에 적합합니다. 경고 상태에 좋습니다.
좁은 UI 모서리에서 각 숫자가 읽기 쉬워야 하는 작은 점수 카운터, 타이머 또는 픽셀 글꼴에 10x10을 사용하세요. 컴팩트한 대시보드에 적합합니다.
히트맵 및 미니 차트를 위한 일관된 점을 만드세요. 10x10은 무겁지 않게 색상으로 구분된 데이터를 위한 충분한 픽셀을 제공합니다. 소형 범례에 유용합니다.
모양을 그리드에 정렬하고 얇은 선을 제거하여 10x10으로 다운스케일링할 때 선명도를 유지하고 흐릿한 모서리를 방지하세요. 이렇게 하면 테이블이 깔끔하게 유지됩니다.
두세 가지 색상을 유지하여 흐릿한 혼합을 방지하고 밝고 어두운 테마에서 마이크로 마크를 읽을 수 있도록 하세요. 평면 톤이 더 잘 확장됩니다.
전체 세트를 10x10으로 크기 조정하여 배지와 점이 목록, 표 및 컴팩트 대시보드에서 완벽하게 정렬되도록 하세요. 이렇게 하면 간격이 일관되게 유지됩니다.
이미지를 업로드하고, 10x10 픽셀로 설정한 다음, 작지만 선명한 마크를 내보내세요.
깨끗한 원본을 업로드하고 실제 크기로 미리 보기하여 내보내기 전에 기호가 10x10에서도 여전히 읽히는지 확인하세요. 가장자리를 확인하세요.
10 by 10을 입력하고, 비율을 잠그고, 초점 모양이 정사각형 안에 중앙에 오고 균형을 이룰 때까지 자르기를 조정하세요.
투명도를 위해 PNG, 크기를 위해 WebP, 사진을 위해 JPEG로 다운로드하고 UI 요소 전반에 걸쳐 작은 마크를 배포하세요.
모든 이미지를 마이크로 UI 표시기를 위한 선명한 10x10 배지 또는 점으로 크기 조정하세요. 로컬 처리는 가장자리를 깨끗하게 유지하면서 파일 크기를 매우 작게 유지합니다.
10x10으로 크기 조정좁은 레이아웃에서도 읽기 쉬운 작은 10x10 마크를 만드는 데 도움이 되는 정보와 팁.
10x10은 알림 점, 마이크로 배지, 작은 카운터와 같은 작은 UI 마크에 사용됩니다. 또한 주변 레이블에서 공간을 차지하지 않고 가시성이 필요한 지도 핀 및 마이크로 차트 포인트에도 작동합니다. 작은 범례에도 적합합니다.
10x10은 모양 정의를 위한 몇 개의 추가 픽셀을 제공하여 작은 숫자와 기호를 더 명확하게 읽을 수 있도록 돕습니다. 여전히 작지만, 8x8에 비해 곡선이나 대각선을 위한 공간을 더 많이 제공합니다. 밀집된 그리드에도 여전히 작고 효율적입니다.
더 크고 깨끗한 원본에서 축소할 때 선명도를 유지합니다. 흐림 현상은 일반적으로 낮은 해상도의 원본이나 과도한 압축으로 인해 발생합니다. 작은 크기에서 사라지는 얇은 선은 피하고 굵은 모양을 사용하세요. 가능하면 깨끗한 벡터에서 시작하세요.
가장 인식하기 쉬운 모양으로 단순화하고 자르세요. 복잡한 질감은 10x10에서 노이즈로 변하므로, 세부 사항을 줄이고 균일한 패딩을 유지하여 좁은 UI 모서리에서도 마크를 읽을 수 있도록 하세요. 정렬을 위해 패딩을 균일하게 유지하세요. 이렇게 하면 행의 간격이 균일하게 유지됩니다.
PNG는 선명한 가장자리와 투명도에 가장 적합합니다. WebP는 더 작으면서도 선명할 수 있습니다. JPEG는 압축 아티팩트가 날카로운 선과 작은 텍스트를 흐리게 하기 때문에 작은 아이콘에는 거의 이상적이지 않습니다. WebP는 성능에 좋고, PNG는 UI 아이콘에 가장 안전합니다.
네. PNG 또는 WebP를 투명 배경으로 내보내면 배지가 눈에 띄는 상자나 후광 없이 모든 UI 색상 위에 놓일 수 있으며, 특히 어두운 테마에서 그렇습니다. 이는 어두운 UI에서 후광을 방지합니다. 투명 파일은 겹치는 배지에도 도움이 됩니다.
고DPI 디스플레이의 경우, 20x20으로 디자인하고 10x10으로 축소하세요. 추가 픽셀은 UI가 확대되거나 축소될 때 가장자리를 깨끗하게 유지하고 들쭉날쭉한 모서리를 방지합니다. 더 큰 아트워크에서 축소하면 선명도가 향상됩니다. 이는 확대된 UI에 유용합니다.
10x10 파일은 매우 작으며, 종종 몇 킬로바이트 이하입니다. 플랫 아이콘은 압축이 매우 잘 되므로, 눈에 띄는 페이지 용량 증가 없이 많은 배지를 사용할 수 있습니다. 세션 간에 잘 캐시되고 즉시 로드됩니다.
네. 가입 없이 무료로 이미지를 조정하고 다운로드할 수 있습니다. 처리는 브라우저 내에서 로컬로 이루어지며, 사용량 제한이나 숨겨진 요금이 없습니다.
아니요. 모든 크기 조정 및 압축은 브라우저에서 실행됩니다. 파일은 절대 디바이스를 떠나지 않으며 서버에 저장되지 않아 이미지가 비공개 유지됩니다.
프로젝트에서 자주 사용하는 이미지 크기로 빠르게 이동
