ファビコン作成

ファビコンを作る方法

1. 上の枠をクリックするか、正方形のロゴをドロップします。背景が透明なPNGかSVGが最適です。
2. 収めるか切り抜くか、背景、余白を選びます。プレビューで16、32、48、180ピクセルでの見え方を確認できます。
3. favicon.icoとPNGアイコンをダウンロードしてサイトの最上位のフォルダに置き、HTMLをページのheadに貼り付けます。

よくある質問

どのファイルが必要ですか?

ブラウザのタブ用のfavicon.ico、iPhoneのホーム画面用のapple-touch-icon.png(180 px)、Androidとウェブアプリのマニフェスト用の192 pxと512 pxのPNGです。

ファビコンがぼやけるのはなぜ?

細かいロゴは16ピクセルでは見えません。シンプルで太いマークや1文字がいちばん読みやすくなります。

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

いいえ。すべてブラウザの中で処理されるため、ファイルが端末の外に出ることはなく、どのサーバーにも保存されません。