本文へスキップ
patrache.tools

ファビコン生成

ファビコン生成の無料オンラインツール。PNG・JPG画像をfavicon.icoに変換、16x16〜512x512複数サイズ生成。ブラウザ処理。

画像をドラッグ&ドロップまたはクリック

lockファイルはサーバーに送信されません
共有
埋め込み

このツールをサイトに埋め込む

ファビコン生成ツールは、画像をWebサイトのファビコン(ICO、PNG)に変換する無料オンラインツールです。 16×16、32×32、48×48など複数サイズを一括生成し、Apple Touch Iconにも対応します。 ブラウザ内で処理されます。

ファビコン生成の使い方は?

  1. 元の画像をアップロードします。
  2. 生成するファビコンサイズを選択します。
  3. ファビコンを生成してICO/PNGファイルをダウンロードします。

ファビコン生成に関するよくある質問

ファビコンに推奨される画像形式は何ですか?

正方形のPNG画像(512×512px以上)を推奨します。ツールが自動的に必要なサイズにリサイズし、ICO形式も生成します。

Apple Touch Iconとは何ですか?

Apple Touch Iconは、iOSデバイスでWebサイトをホーム画面に追加する際に表示されるアイコンです。180×180pxのPNG形式が標準です。

ファビコンを変えたのにブラウザには以前のアイコンが表示され続けます。

ブラウザはファビコンを非常に長くキャッシュに保持し、ページを再読み込みしても切り替わらないことが多いです。確認するにはアイコンファイルのURLをアドレスバーに直接入力し、新しい画像が表示されるか見てください。新しい画像なら、強制再読み込みするかシークレットウィンドウで開いてみましょう。訪問者側でも確実に切り替えたい場合は、ファイル名を favicon-v2.png のように変更してlinkタグを更新するのが最も確実です。

ダークモードでもファビコンがきちんと見えるようにするには?

黒い線だけで描いたアイコンは、暗いタブバーではほとんど消えてしまいます。背景を透明にせず、ブランドカラーの円や四角を敷いてその上に図形を載せれば、明るいテーマでも暗いテーマでも形が保たれます。SVGのファビコンならメディアクエリでダークモード時に色を変えることもできますが、対応していないブラウザのためにPNGも併せて置いておくと安全です。

ファビコン生成を上手に活用するには?

  • 元画像は正方形の512×512 PNGで用意すると、16・32・180pxに縮めても崩れません。
  • iPhoneのホーム画面用にapple-touch-iconは180×180、PWAマニフェストには192・512pxが必要です。
  • タブでは16pxまで縮むため、文字列よりも記号や頭文字1字のほうが判別しやすくなります。

Powered by Patrache Studio Tools

このサイトの広告を許可してください

ツールを利用するには、このサイトの広告ブロックを解除してください。広告収益で無料サービスを運営しています。

広告ブロッカーのアイコンからこのサイトのブロックを解除し、もう一度確認してください。