マルチサイズ Favicon / アプリアイコン生成

100% 端末内完結・通信ゼロ

1枚のマスター画像からWeb・iOS・Android用の全解像度アイコンを一括作成

Shape Style:
Desktop Browser Tab Preview
MiniToolDesk - All-in-One Toolbox✕
iOS / Mobile Home Screen Preview
MiniToolDesk
Generated Production Sizes (6)
Click download on any size

16 × 16

Browser Tab Small

32 × 32

Browser Tab Standard

48 × 48

Desktop Bookmark

180 × 180

Apple Touch Icon (iOS)

192 × 192

Android PWA Icon

512 × 512

PWA Splash Screen

<!-- Favicon & App Icons HTML Head -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

ファビコン生成の手順

  1. 1正方形のロゴやアイコン画像(PNG、JPG、SVG)をアップロードします。
  2. 2ブラウザタブを模したプレビューで視認性を確認します。
  3. 3生成されたアイコンパッケージとHTMLヘッダー用コードを取得します。

マルチプラットフォーム対応のファビコン標準

デスクトップブラウザ、iOSホーム画面ブックマーク、Android PWAで鮮明に表示させるには、規格に沿った複数サイズのアセットが必要です。

Architecture & Privacy

  • Full PWA & iOS Specification Coverage: 16px to 512px resolutions generated concurrently.
  • High-Resolution Subpixel Resampling: Smooth bicubic interpolation preserves icon legibility at 16x16.
  • Instant Browser Simulation: Real-time UI mockup of browser tab and iOS home screen icon display.
  • 100% Client-Side In-Memory: Completely private client rendering without any network latency.

よくある質問 (FAQ)

関連開発ツール