tomai
ログイン
無料 · SEOツール

ファビコン生成ツール

あらゆる画像を完全なファビコンセットに — トリミング、リサイズ、標準6サイズの書き出し、そのまま使えるZIP、site.webmanifest、貼り付けOKのHTMLスニペットまで、すべてブラウザ内で

🖼️
画像をアップロード
PNG・JPG・WebP — 正方形の画像がトリミングしやすいです
プレビューとダウンロード
画像をアップロードするとプレビューが表示されます

生成ファイルの一覧

対象出力サイズ
ブラウザfaviconfavicon.ico(16+32+48をパック)、favicon-16.png、favicon-32.png
Apple touch180×180 PNG(背景を不透明化)
Android / PWA192×192と512×512(maskable対応の余白版付き)
Windowsタイル144×144 msapplication

輪郭がシャープなロゴにはニアレストネイバー方式の縮小を選べ、写真はなめらかなリサンプリングが既定です。すべてcanvas上でクライアント側で描画され、元素材がアップロードされることはありません。

1枚のアイコンから、各プラットフォームが求める全サイズへ

1回のアップロードで16 pxのfaviconから512 pxのPWAタイルまでを揃え、ダウンロード前にプラットフォーム別プレビューを確認できます。

🎨

プロ並みのトリミング

ライブサイズスライダー付きのビジュアルなトリミング枠で、画像のベストな部分をフレーミング — ドラッグで移動、縮小でズーム、すべてのプレビューが即座に更新されます。

📦

6サイズ、ワンクリック

16、32、48、180、192、512 px — ブラウザ・iOS・Android が求める正確なセット。個別にダウンロードするか、そのまま使える ZIP として一括取得できます。

🔒

アップロード一切なし

画像はブラウザの外に出ません。プライベートなデザインやクライアント案件のアイコンも、完全なプライバシーでトリミング・書き出し・パッケージできます。

よくある質問

実際に必要なサイズはどれですか?

16 と 32 px の組み合わせがクラシックなブラウザタブをカバーし、180 px は iOS がホーム画面で読む唯一のサイズ、192 と 512 px は Android と Chrome がマニフェストで求めるサイズです。6つすべてを生成すれば現代のすべてのプラットフォームをカバーできます — 現在多くのサイトが配布している標準セットであり、ZIP ならひとまとめに管理できます。

画像はサーバーにアップロードされますか?

いいえ。画像の読み込み、トリミング、書き出しはすべてブラウザ内で完結し、どこにも送信されません。プライベートなデザインやクライアント案件でも、ファイルが端末の外に出ることなく安心してアイコンを生成できます。

なぜ ZIP が圧縮されていないのですか?

PNG ファイルはすでに圧縮されているため、ZIP 内で再圧縮してもサイズは減らず、時間とバッテリーの無駄になるだけです。生成される ZIP は各 PNG をそのまま保存します — 中のファイルは個別ダウンロードとバイト単位で同一で、どの解凍ツールでも問題なく読み込めます。

16 pxだとアイコンがにじんで見えるのはなぜですか?

精細なロゴは16×16へ押し込めると形が崩れます。小さいサイズ用には単純化したマーク(シンボル1つ・色は2色)を描きましょう — プレビューで何が残るかを正確に確認できます。

関連ツール

ファビコン生成ツールとは?

ファビコンとは、ブラウザのタブやブックマーク、アプリランチャーに表示される小さなアイコンです。ファビコン生成ツールは、ロゴや任意の画像を、現代のプラットフォームが求める全サイズのセットに変換します — 16ピクセルの小さなタブアイコンから、Android がインストール済みアプリに使う512ピクセルのアイコンまで。画像エディタと十数個の変換ツールを行き来する代わりに、画像を1枚アップロードしてトリミング範囲を選ぶだけで、6サイズすべてが即座に書き出されます:個別に、ZIPアーカイブとして、さらに site.webmanifest とページの head に組み込むための HTML スニペットも一緒に。

手に入るもの

  • 🖼️ クラシックなブラウザタブとブックマーク用の 16・32・48 px ファビコン
  • 🍎 iOS がホーム画面で使う 180 px の apple-touch-icon
  • 🤖 Android・Chrome のウェブマニフェスト用 192・512 px アイコン
  • 📦 全ファイル入りの ZIP ひとつ — サイトのルートに置くだけ
  • 📄 6個のアイコンをすべて列挙した site.webmanifest
  • 🔗 ページ head 用の貼り付けOKリンクブロック(theme-color 込み)

使う場面

  • 新しいサイトやブログを立ち上げ、初めてアイデンティティを整えるとき
  • 既存サイトの古い・ぼやけた・欠落したアイコンを置き換えるとき
  • クライアントに渡す、またはテーマに同梱するファビコンセットを作るとき

プライバシー:画像がブラウザの外に出ることはありません。トリミング、リサイズ、ZIP パッケージ、すべての書き出しは端末上でローカルに実行されます。

関連ツール