迅速なローカルエクスポートで、小さなバッジ、マイクロカウンター、コンパクトなインターフェースインジケーター用の正確な10x10ピクセルのマークを作成します。
ドラッグ＆ドロップ、またはクリックして画像を選択 (最大 20MB)
JPG、PNG、GIF、WebP形式に対応
密集したインターフェースにおいて、マイクロバッジを読みやすく、整列させつつ、軽量なフォートフィットを維持します。
10x10は、通知ドット、マイクロバッジ、目立たせたいコンパクトなカウンターに最適です。周囲のテキストやラベルを気にならなくするように設計されています。アラート状態に最適です。
10x10は、各数字がタイトなUIコーナーでも読みやすく保たれる必要がある、小さなスコアカウンター、タイマー、ピクセルフォントに使用できます。コンパクトなダッシュボードに適しています。
ヒートマップやミニチャート用の一貫性のあるドットを作成します。10x10は、色分けされたデータを表現するのに十分なピクセル数を提供しつつ、重さはほとんど増えません。ミニマムな凡例に役立ちます。
形状をグリッドに合わせ、細いストロークを削除することで、10x10へのダウンスケーリングでもクリアな状態を維持し、ぼやけたコーナーを回避します。これにより、テーブルが整然と保たれます。
泥濁したブレンドを防ぎ、ライトテーマとダークテーマの両方で微細なマークを読みやすくするために、2〜3色に抑えてください。フラットなトーンはよりスケーラブルです。
バッジやドットがリスト、テーブル、コンパクトダッシュボード全体で正確に整列するように、セット全体を10x10にリサイズしてください。これにより、スペースの統一が保たれます。
画像をアップロードし、10x10ピクセルに設定して、小さくても明確なマークをエクスポートします。
クリーンなソースをアップロードし、実サイズでプレビューして、エクスポート前に10x10でもシンボルが読み取れるか確認してください。エッジをチェックしてください。
10×10を入力し、アスペクト比をロックして、焦点となる形状が正方形の中央にバランスよく配置されるまでクロップを調整します。
透明度が必要な場合はPNG、サイズを小さくしたい場合はWebP、写真の場合はJPEGでダウンロードし、UI要素全体に小さなマークを展開します。
任意の画像を、微細なUIインジケーター用の明確な10x10バッジまたはドットにリサイズします。ローカル処理によりエッジがクリアなまま、ファイルサイズは極めて小さく保たれます。
10x10にリサイズ狭いレイアウトでも読みやすく保つための、小さな10x10マークの作成に関するヘルプとヒント。
10x10は、通知ドット、マイクロバッジ、小さなカウンターなどの小さなUIマークに使用されます。マップピンや微細なチャートポイントにも適しており、周囲のラベルのスペースを奪わず、視認性を確保できます。また、小さな凡例にもぴったりです。
10x10は形状の定義にわずかに多くのピクセルを提供し、小さな数字や記号の読みやすさが向上します。まだ非常に小さいですが、8x8よりも曲線や斜めの線に余裕があります。密集したグリッドには依然としてコンパクトです。
大きなクリーンなソースから縮小する場合、鮮明さを保ちます。ぼやけは通常、低解像度の元画像や過度な圧縮によって生じます。太い形状を使用し、小さなサイズで消えてしまう細い線は避けてください。可能な限りクリーンなベクターから始めましょう。
最も識別しやすい形状に簡略化し、切り取りましょう。10x10では複雑なテクスチャはノイズに変わりますので、詳細を減らし、均等な余白を保って、狭いUIの隅でも読みやすくしましょう。配置のための均等な余白を維持してください。これにより行間のスペースが均等になります。
クリアなエッジと透明度にはPNGが最適です。WebPはより小さく、それでも明確です。JPEGは小さなアイコンにはほとんど適していません。圧縮アーティファクトにより、鋭い線や小さなテキストがぼやけてしまうからです。WebPはパフォーマンスに優れています。UIアイコンにはPNGが最も安全です。
はい。透明背景でPNGまたはWebPをエクスポートして、バッジをどのUIカラーにも見かけないボックスやハローなしで配置できます。特にダークテーマではハローを防ぎます。透明ファイルは重なり合うバッジにも役立ちます。
高DPIディスプレイでは、20x20で設計し、10x10に縮小してください。余分なピクセルにより、UIがズームやスケーリングされた際にエッジがクリアになり、ジグザグな角が防げます。大きなアートから縮小することで鮮明さが向上します。これはズームされたUIに役立ちます。
10x10のファイルは非常に小さく、数キロバイト以下です。平らなアイコンは非常に効率的に圧縮されるため、多くのバッジを使用してもページの重さがほとんど増えません。セッション間でよくキャッシュされ、即座に読み込まれます。
はい。登録不要で、画像のリサイズとダウンロードが無料で利用できます。処理はすべてブラウザー内でローカルで行われるため、利用制限や隠れた料金はありません。
いいえ。すべてのリサイズや圧縮処理は、あなたのブラウザー内で実行されます。ファイルはあなたのデバイスから離れず、当社のサーバーに保存されることもありません。プライバシーを守ります。
プロジェクトでよく使う画像サイズへすぐアクセス
