ファビコンに必要なサイズの一覧
この記事のポイント
- 16・32・48はブラウザ用
- 180はiPhone用
- 192・512はAndroid用
サイズの目安
- 16・32・48px：ブラウザのタブ（favicon.ico にまとめます）
- 180px：iPhoneのホーム画面（apple-touch-icon）
- 192・512px：Androidのホーム画面
ファビコン（サイトのアイコン）を作る は、これらをまとめて作ります。
ファビコン（サイトのアイコン）を作るを使う（無料）あわせて使えるツール
- 画像の切り抜き・回転：画像を、好きな範囲や比率で切り抜きます。回転もできます。
- 画像のサイズ（ピクセル）を変える：画像の大きさを、横幅・縦・割合で変えます。
- 画像の形式を変換（JPG・PNG・WebP）：画像をJPG・PNG・WebPに、まとめて変換します。
同じツールの、ほかの解説
Which Favicon Sizes Do You Need?
Key points
- 16, 32 and 48 are for browsers
- 180 is for iPhone
- 192 and 512 are for Android
Rule of thumb
- 16, 32 and 48 px: browser tabs (bundled into favicon.ico)
- 180 px: iPhone home screen (apple-touch-icon)
- 192 and 512 px: Android home screen
Make a Favicon (Site Icon) makes all of them at once.
Use "Make a Favicon (Site Icon)" (free)Tools that go well with this
- Crop & Rotate Image: Crop an image to any area or ratio, and rotate it.
- Resize Images by Pixel Size: Resize images by width, height or percentage.
- Convert Image Format (JPG, PNG, WebP): Convert images to JPG, PNG or WebP, several at once.