28x28のマイクロアイコンサイズに画像をリサイズして、コンパクトなUIや小さなコントロールに使用
ドラッグ&ドロップするか、クリックして画像を選択 (最大 20MB)
JPG、PNG、GIF、WEBP形式に対応
プロフェッショナルな結果を得られる、あなたのニーズに最適なサイズ
28x28は、小さなUIアイコン、ステータスドット、通知バッジ、および密集したパネルでスペースが限られているコンパクトなナビゲーション要素に最適な超コンパクトな正方形です。
小さなサイズはツールバーおよび密集リストを軽量化し、レイアウトシフトを低減し、低速なデバイスやメモリが限られたブラウザでもインターフェースの応答性を保ちます。
ピクセル整列アイコングリッドに最適で、デザイナーが密集したダッシュボードやテーブルで一貫した間隔を維持し、4pxまたは8pxグリッドシステムと一致させることができます。
スマートクロップは、シンプルな形状を中央に配置することで、限られたピクセルで縮小しても読みやすく、ぼやけたエッジやセンターからずれたマークを回避します。
モノクロアイコンやフラットグラフィックスに最適。PNGは非常に小さなスケールでもエッジをクリアに保ち、小さなUIラベルの細いストロークでの色のフリンジを回避します。
マイクロアセットを標準化することで、スクリーン、コンポーネント、ボタンセット間で小さなコントロールが一致し、メニューを整理し、ツールバーとフィルター間で視覚的に一貫性を持たせます。
28x28 に画像をリサイズする方法について、すべての情報
28x28は、小さなUIアイコン、ステータスインジケーター、コンパクトなナビゲーション要素に最適です。スペースとロード時間に制限がある密度の高いリストやツールバーでは、マイクロコントロールやダッシュボードの軽量化と整列を保ちます。
小さなUIアイコンには対応可能ですが、多くのブラウザはファビコンとして32x32以上を期待しています。システムが28x28を要求する場合にのみ使用し、より広範なブラウザやデバイスでの互換性を確保するため、32x32または48x48をエクスポートすることを検討してください。
28x28はより小さく、タイトな構成ですが、32x32はストロークや読みやすい記号に少し余白ができます。密度の高いUIには28x28を、ファビコンやメニューには明確さが重要で、一般的なアイコンセットが32pxをターゲットにしている場合は32x32を選択してください。
スマートクロップを使って、アイコンの最もシンプルな部分を中央に配置してください。細かいディテールは避け、ストロークが端に触れすぎないようわずかなマージンを残してください。小さなサイズでプレビューして、形状がまだ認識可能で、ぼやけたり切り取られたりしていないか確認してください。
PNGはエッジをクリアに保ち、透明度を維持するため、アイコンにはしばしば最適です。WebPはサポートされている場合、サイズを小さくできます。JPEGはフラットなアイコンには不適切です。圧縮により、小さなサイズでエッジがぼやけ、アーティファクトが発生する可能性があります。
アップスケーリングはピクセルを追加しますが、新しいディテールを追加するものではありません。大きなクリアなベクターまたは高解像度のソースから開始してください。そうでなければ、小さな画像はぼんやりとした印象になります。ツールはエッジを滑らかに保ちますが、存在しないディテールを生成することはできません。
300 DPIで28x28は0.1インチ未満に印刷されるため、デジタルUIや小さなプローフにのみ適しています。印刷には、ジャギーを避けるためにより大きなサイズを使用してください。300x300以上が安全です。このサイズは主にUIマックアップや素早いプレビューに使用されます。
ファイルサイズは通常非常に小さく、数KB程度です。透明度付きPNGはやや重くなりますが、28x28は依然として非常に小さいままです。1ページに多数のアイコンを提供する場合や、スプライトシートにバンドルする場合は、圧縮してUIの高速化を保ちましょう。
はい、当社の画像リサイズツールは完全に無料で利用可能です。登録は不要、水増しはなし、隠し料金もありません。画像をアップロードして、希望のサイズにリサイズするだけです。
はい、完全に安全です!すべての画像処理はブラウザ内でローカルで行われます。画像はサーバーにアップロードされず、ファイルの完全なプライバシーとセキュリティが保証されます。
プロジェクトで最もよく使われる画像サイズへすぐ移動