Next.js

Favicon for Next.js

Create a favicon package that can be placed in a Next.js app directory or public folder.

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

Next.js setup workflow

  • Download the ZIP and copy icon files into the Next.js public folder or app icon locations.
  • Use favicon.ico and PNG icons for browser tabs, bookmarks, and social previews.
  • Add the manifest and HTML tags if your app uses PWA install metadata.

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 はなぜ必要ですか？

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