favicon・アイコン画像を作る

作成するファイル

PNGを16・32・48・64・128・180・192・256・512 pxの9サイズで保存します。favicon.icoには16・32・48・256 pxの画像を格納します。すべてをZIPにまとめ、HTMLでの指定例をREADME.txtに入れます。

小さくても読めるアイコンに

正方形に近いシンプルな画像を選ぶと、16 pxでも形が伝わりやすくなります。細かい文字や線は小さくすると読みにくくなるため、プレビューで被写体の配置を確認してください。「枠いっぱい」では中央を切り抜くので、画像の端は省かれることがあります。

小さな画像から大きなサイズを作る場合は拡大します。元画像にない細部を復元する機能はありません。透明な余白を残すなら「全体を収める」と透明背景を選びます。ICOはPNG画像を格納する形式で、古い環境では対応しない場合があります。

Webサイトで指定する例

<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">

作成したファイルを自分のサイトへ配置し、パスを実際の保存先に合わせてください。