はじめに
Webサイト制作に不可欠なfavicon（ファビコン）。最近は favicon.ico だけでなく、スマートフォン向けの Apple Touch Icon や様々なサイズの PNG など、用意すべき画像の種類が増えています。
これらを一つずつリサイズして書き出すのは非常に手間です。そこで、1枚の画像をアップロードするだけで、必要なアイコンセットを一括生成して ZIP ダウンロードできるツールを作りました。
https://devtoolkits.app/ja/tools/favicon-generator
どんなツール？
1024x1024 程度の大きな画像（PNG/JPG/WebP）をアップロードすると、標準的な favicon 構成に必要なファイルをすべて生成します。
特徴
- 📦 まとめて生成:
favicon.ico(16x16, 32x32 内包),apple-touch-icon.png(180x180), 各種 PNG (16x16, 32x32, 192x192, 512x512) を一挙に作成します。 - 🔒 ブラウザ完結で安全: 画像処理はすべて Canvas API 等を使用してブラウザ上で行われます。サーバーには一切保存されないため、ロゴなどの機密データでも安心です。
- ⚡ ZIPダウンロード: 生成された画像群を1つの ZIP ファイルにまとめてダウンロードできるため、すぐにプロジェクトに導入できます。
- 🖼️ 透明度維持: 元画像が透過 PNG であれば、透過を維持したまま各サイズに書き出します。
使い方
- ファビコン生成 を開きます。
- 正方形に近い（推奨）画像をドラッグ＆ドロップまたは選択します。
- プレビューで各サイズの状態を確認します。
- 「Download All as ZIP」ボタンを押して一式を保存します。
おわりに
面倒なアイコン作成作業を数秒で終わらせて、本質的な開発・デザイン作業に集中しましょう！