本文へ移動

ファビコンジェネレーター

テキスト、絵文字、画像でウェブサイト用のファビコンセットを生成します。

クイックスタートスタイル

クリックすると、入力済みのテキスト・絵文字を保持したまま背景・図形のスタイルだけを適用します。

生成されるファイル

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon-48x48.png
  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • site.webmanifest

<head> HTMLコード

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#5B8DEF" />

site.webmanifest

{
  "name": "My Website",
  "short_name": "My Website",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#5B8DEF",
  "background_color": "#5B8DEF",
  "display": "standalone"
}

アップロードした画像はブラウザ内でのみ処理され、サーバーには送信されません。

共有