faviconサイズ一覧：よく使われるサイズをざっくり整理
公開日
faviconを作るときに迷いやすいのが「どのサイズを用意すればいいの？」という点です。
使う場所（ブラウザ・ブックマーク・スマホ）によって必要なサイズが変わることがあるため、複数サイズを用意することがあります。
この記事では、よく使われるfaviconサイズをざっくり整理します。
よく使われるfaviconサイズ一覧（例）
- 16×16（ブラウザのタブなど）
- 32×32（高解像度表示向け）
- 48×48
- 180×180（Apple系のホーム画面アイコン用途で使われることがある）
- 192×192（Android系のホーム画面アイコン用途で使われることがある）
- 512×512（元画像として用意しておくと作りやすいサイズ）
※サイトやテーマ、実装方法によって必要サイズは変わります。
どれを作ればいい？（迷ったとき）
はじめての場合は、まず
- 512×512の元画像を用意
- 16×16 / 32×32あたりを作成
から始めると進めやすいです。
Petanko Imageでサイズ作成する
Petanko Imageのfavicon作成ツールでは、favicon向けのサイズ画像を作成できます。
ブラウザだけで処理できるため、画像ファイルを外部サーバーへアップロードしません「一覧のサイズをまとめて用意したい」ときにも便利です。
【画像例】
これからも、Webに載せる画像の下準備がラクになるよう改善していきます。