すべてのツール

画像 → アイコン

faviconとPWAアイコンを生成

.zip の内容:

  • favicon-16.png16×16
  • favicon-32.png32×32
  • favicon-48.png48×48
  • apple-touch-icon.png180×180
  • icon-192.png192×192
  • icon-512.png512×512
  • manifest.jsonPWA
  • head-snippet.html<head>

使い方

画像 → アイコンfaviconとPWAアイコンを生成. すべての処理はブラウザ内で行われます — アップロード不要、登録不要、メール不要。永久無料。

最終更新:

画像 → アイコン について

画像 → アイコンは、PNG や SVG をアプリやサイト用のアイコン(ICO、PWA、ファビコン)にまとめて書き出すツールです。複数サイズが必要な場面でも、1 度の操作で必要な解像度を一括生成できます。

個人ブログ、SaaS、社内ツールのファビコン作成や、PWA の manifest 用アイコンセットを揃える場面で重宝します。すべてブラウザで処理されます。

よくある質問

生成セットに含まれるサイズは?

16、32、48(favicon)、180(Apple touch icon)、192、512(PWA)。さらにプロジェクトに貼り付ける manifest.json と HTML スニペット。

ソースが正方形でない場合は?

中央を基準に自動的に正方形にトリミングします。最良の結果には主要素を中央にした正方形画像をご使用ください。

ソースに最適な形式は?

透明背景の PNG。SVG なら、まず当方の SVG → PNG ツールで変換してください。

推奨する元画像のサイズは?

最低 512×512 ピクセル以上、正方形の PNG が最適です。SVG であればサイズに関係なく綺麗に書き出せます。

ICO ファイルには複数サイズが含まれますか?

はい。16×16、32×32、48×48、64×64 などをまとめた多解像度 ICO を生成します。

Apple Touch Icon にも対応していますか?

180×180 の Apple Touch Icon 用 PNG を含めて出力します。

関連ツール