Apple Touch Icon

Apple Touch Icon Generator

Create the 180x180 Apple Touch Icon used by iPhone and iPad home screen bookmarks.

ICO PNG 16/32/180/192/512 site.webmanifest ZIP

ZIP パッケージ

モダンなサイトで使う標準 7 ファイルをまとめてダウンロードできます。

ブラウザとアプリ対応

ICO、小サイズ PNG、Apple touch icon、Android Chrome アイコンを含みます。

ローカル変換

画像のリサイズと生成はブラウザ内で行われます。

元画像をアップロード

PNG、JPG、WEBP、SVG 対応。512x512 の正方形画像がおすすめです。

ブラウザ用

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png

モバイル用

  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png

Web アプリ Manifest

  • site.webmanifest

iOS home screen workflow

  • Upload a high-resolution square logo or app icon.
  • Use apple-touch-icon.png for iOS and keep the generated favicon files for browsers.
  • Copy the provided apple-touch-icon link tag into your site head.

Related favicon tools

Favicon packagePWA iconsApple Touch IconNext.js faviconFavicon checker

この Favicon 変換ツールについて

完全な favicon 設定には複数の画像が必要です。タブ、ブックマーク、iOS ホーム画面、Android、PWA は別々のファイルを参照します。

favicon.io 形式に近い favicon.ico、16/32 PNG、Apple touch icon、Android Chrome アイコン、site.webmanifest を生成します。

FAQ

どんな画像が最適ですか？

シンプルな正方形ロゴやアイコンがおすすめです。512x512 以上だときれいに縮小できます。

favicon.ico はなぜ必要ですか？

古いブラウザや一部のブックマーク・タブ表示との互換性を高めるためです。