Faviconジェネレーター
画像をアップロードするだけでfavicon.ico・各サイズのPNG・Apple Touch Icon・Android用アイコンを無料で一括生成します。
ここに画像をドラッグ＆ドロップ
または
PNG/JPEG/WebP/GIF/SVG対応・最大10MB。正方形でない画像は中央を基準に切り抜かれます。
生成プレビュー
よくある質問
どんな画像形式をアップロードできますか？ +
PNG・JPEG・WebP・GIF・SVGに対応しています。正方形でない画像は、中央を基準に正方形に切り抜いてから各サイズに変換します。
生成されるファイルの一覧を教えてください +
favicon.ico（16/32/48pxを内包）、favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、favicon-96x96.png、favicon-128x128.png、apple-touch-icon.png（180x180）、android-chrome-192x192.png、android-chrome-512x512.png、site.webmanifestをZIPにまとめてダウンロードできます。
生成したファイルはどこに置けばいいですか？ +
ZIPを解凍し、Webサイトのドキュメントルート（公開されるフォルダの直下、例: publicフォルダ）にそのまま配置してください。その後、ページの<head>内に本ツールが出力するHTMLタグを貼り付けると反映されます。
favicon.icoは本当に有効なICOファイルですか？ +
はい。ブラウザ内でICOファイル形式（PNG画像を内包する形式）を直接組み立てて生成しており、16×16・32×32・48×48の3サイズを1つのfavicon.icoに格納しています。主要なブラウザで問題なく表示されます。
アップロードした画像はサーバーに送信されますか？ +
いいえ。画像の読み込み・リサイズ・ICO/ZIP生成はすべてブラウザ内（JavaScript/Canvas API）で完結し、外部に送信されることはありません。
特徴
9サイズ＋favicon.icoを一括生成
16px〜512pxまでの主要サイズと、複数解像度を内包したfavicon.icoを一度に生成します。
site.webmanifestも同時出力
PWA・Android向けのマニフェストファイルもあわせて生成し、ZIPに含めます。
貼り付け用HTMLタグを自動生成
<head>にそのまま貼り付けられるlinkタグをコピーボタンで取得できます。
正方形でない画像も自動調整
縦横比が異なる画像も、中央を基準に正方形へ自動で切り抜いてから変換します。
使い方
画像をアップロード
ロゴやアイコン画像をドラッグ＆ドロップ、または選択します。
プレビューを確認
各サイズのアイコンが自動生成され、その場でプレビューできます。
ZIPをダウンロード
ZIPを解凍してサーバーに配置し、コピーしたHTMLタグを<head>に貼り付けます。
ユースケース
Webサイト・ブログの新規公開
サイト立ち上げ時にロゴ画像からブラウザタブ用のfaviconを素早く用意したいときに。
スマホのホーム画面アイコン対応
iOS/Androidでホーム画面に追加した際のアイコンをきれいに表示させたいときに。
PWA化・マニフェスト整備
site.webmanifestに必要なアイコンサイズをまとめて揃えたいときに。
リニューアル・ロゴ変更時の一括更新
ロゴ変更にあわせて、favicon一式をまとめて作り直したいときに。
安全性とプライバシー
処理はすべてブラウザ内で完結
アップロードした画像はサーバーに送信されず、Canvas APIでその場で変換されます。
画像はページを離れると破棄
ページを閉じたり再読み込みすると、アップロードした画像や生成結果は残らず消えます。
アカウント登録不要
会員登録やログインなしで、誰でもすぐに利用できます。
通信はHTTPSで保護
ページ自体の読み込みもHTTPSで暗号化され、安全に利用できます。
同じカテゴリのツール
他のツールもチェックQRコード作成
URL・テキスト・メール・WiFi・連絡先(vCard)からQRコードを無料生成。PNG・SVGでダウンロード可能。
QRコード読み取り（デコーダー）
画像アップロード・ドラッグ＆ドロップ・カメラでQRコードを無料で読み取り、URL・テキストを解析。ブラウザ内処理でサーバー送信なし。
ダミーテキスト生成ツール
Lorem Ipsum（英語）または日本語のダミーテキストを、段落数・文数を指定して無料生成。コピー・HTML出力・ダウンロードに対応。ブラウザ内処理でサーバー送信なし。
抽選・順番決め・チーム分けツール
名前やアイテムを1行ずつ入力するだけで、当選者の抽選・順番決め・チーム分けを無料でランダム実行。重複あり/なしの抽選、均等なチーム分けに対応。
CSSグラデーションジェネレーター
複数のカラーストップから線形（linear-gradient）・円形（radial-gradient）のCSSグラデーションをプレビューしながら無料生成。角度・位置の調整、プリセット、コードのコピーに対応。
CSS box-shadowジェネレーター
水平位置・垂直位置・ぼかし・広がり・色・不透明度・inset(内側)を調整しながらbox-shadowのCSSをプレビュー生成。複数シャドウの重ね合わせ、プリセット、コードのコピーに対応。