Emoji Favicon生成器
Emojiを貼り付け、スタイルをカスタマイズして、あなただけのFaviconを作成しましょう。
さらに多くのEmojiアイコンは emoji.fengjun.wang で取得できます。
Emojiからアイコン生成
任意のEmojiを使って素早くfaviconを生成。あなたのWebサイトをもっと楽しく!
スタイルカスタマイズ
背景色・形状・サイズ調整など、独自のビジュアルを作成可能
即時生成
複雑な設定不要、Emojiを貼り付けるだけでプロ仕様のfaviconパッケージを即生成
Faviconとは?
Favicon(favorite iconの略)は、ブラウザのタブやブックマーク、その他のUI要素に表示される小さなアイコンです。複数のタブやブックマークの中から、あなたのWebサイトを素早く識別できるようにします。
Faviconの使い方
FaviconをWebサイトに追加するには、以下の手順を行います:
- 本ツールでFavicon圧縮パッケージを生成・ダウンロードします。
- ダウンロードしたZIPを解凍し、すべてのファイルをWebサイトのルートディレクトリに配置します。
- Webサイトの<head>内に以下のHTMLコードを追加します:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
HTML
各形式の説明
ICO形式 (.ico)
従来のfavicon形式で、すべてのブラウザ(古いInternet Explorer含む)に対応。通常は複数サイズ(16x16, 32x32, 48x48)を含みます。
PNG形式 (.png)
最新ブラウザで推奨される形式。透過背景対応でファイルサイズも小さい。16x16はタブ、32x32はタスクバー、48x48はデスクトップショートカット用。
Android Chromeアイコン
192x192と512x512はAndroid端末のPWA(プログレッシブWebアプリ)用。ホーム画面追加時に表示されます。
Apple Touchアイコン
180x180はiOS端末(iPhone、iPad)用。ホーム画面追加時に使われ、Appleが自動で角丸や光沢を付与します。