ガイド

ファビコンのサイズの説明

ブラウザ、オペレーティング システム、およびインストール プロンプトはそれぞれ、異なるファビコン解像度を要求します。このガイドでは、すべての一般的なサイズをその表面にマップするので、1 つのソース イメージから何を生成するかを正確に知ることができます。

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

標準および 2 倍のディスプレイ上の 16×16 および 32×32 パワーブラウザのタブとブックマーク。これらは favicon.ico 内に属し、オプションのスタンドアロン PNG として属します。

48×48 と 64×64 は、Windows エクスプローラー、タスク バー ピン、および一部の検索スニペットをカバーします。

128×128 および 256×256 は、マルチサイズの .ico ファイルおよび高 DPI Windows UI 内で使用されます。

180×180はiOSのホーム画面のapple-touch-iconです。 Android および Chromium PWA のインストール UI には、192×192 および 512×512 が必要です。

使い方

  1. 1

    正方形のソースを選択してください

    512×512 PNG または SVG と正方形の viewBox。

  2. 2

    フルセットをエクスポートする

    .ico、apple-touch-icon、マニフェスト PNG にはファビコン ジェネレーターを使用してください。

  3. 3

    各サイズのリンク

    パッケージの README または HTML ジェネレーター ガイドから、すぐに貼り付け可能な <link> タグをコピーします。

今すぐ試す

すべてのファビコンサイズを生成

ファビコンジェネレーター

よくある質問

実際に必要なファビコンのサイズはいくつですか?+

最小: マルチサイズ .ico (16/32/48) + 180 apple-touch-icon。推奨: PWA には 192 と 512 を追加します。

1 つの画像がすべてのサイズに対応できますか?+

はい - 512×512 または SVG から開始し、すべてのサイズをプログラムでエクスポートします。小さなロゴを決して高級化しないでください。

SEOにとって最も重要なのはどのサイズですか?+

Google は検索で少なくとも 48×48 を使用します。 48 を .ico 内にスタンドアロン PNG として出荷します。

関連ツール

その他のガイド

ガイド