FaviconMaker

ファビコンに関するFAQ

ファビコンはPNGとJPEGのどちら？

ファビコンでは、いくつかの画像形式を使用できます。通常、PNG は JPEG よりも優れたラスターの選択肢ですが、ICO は互換性の代替として依然として有用です。

通常は PNG の方が良い選択です

ブラウザーが宣言された画像タイプをサポートしている場合、ファビコンは PNG または JPEG になります。ほとんどのファビコンアートワークでは、PNG を選択します。 JPEG が文字や単純な形状の周囲に追加する圧縮アーティファクトを発生させることなく、透明な背景とシャープなエッジを保持します。

形式役に立つ主な制限事項
PNG透明で鮮明なラスター アイコン最も鮮明な結果を得るには明示的なサイズが必要です
JPEG無地の背景を持つ写真アートワーク透明度がなく、ハードエッジがぼやける可能性があります
ICO互換性フォールバックと 1 つのファイル内の複数のサイズICO 対応のエディターまたはコンバーターが必要です

何を公開すべきですか?

実際のベースラインはマルチサイズです favicon.ico プラス 16x16 および 32x32 PNG ファイル。ホーム画面とインストール範囲が必要な場合は、Apple タッチ アイコンと Web アプリ マニフェスト アイコンを追加します。

<link rel="icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />

HTML 標準では、PNG、ICO、および SVG のアイコン宣言が表示され、ブラウザーがタイプとサイズによってアイコンを選択できるようになります。を参照してください。 WHATWG アイコンのリンク定義 プラットフォームのルールについては。

JPEG が許容されるのはどのような場合ですか?

JPEG は、ファビコンが不透明な背景上の写真である場合に機能します。ファビコンアートワークは通常、透明度、きれいなカラー ブロック、シャープなエッジに依存しているため、これはほとんどのロゴにとって依然として弱いデフォルトです。

ソースが JPEG の場合は、最初に再設計する必要はありません。にアップロードします。 ファビコン生成ツール そして、そのソースからサイトで使用できるファビコンファイルをエクスポートします。

ファビコンを作成しますか？

共通ファイルとすぐに貼り付けられる HTML スニペットを生成します。

生成ツールを開く