お気に入りジェネレータ
画像をアップル、アンドロイド、Windowsのアイコンに変換する
100 %クライアント処理
画像はブラウザでローカルに処理されます。
🎨
あなたの写真をここに置いて
または、「参照」をクリックします。
512512 PNG、JPG、GIF、WebPをサポート(推奨:スクエア画像×以上)
ソース画像
ブラウザプレビュー
あなたのサイト
+
ブラウザタブに表示されるお気に入りアイコン
生成されたアイコン
16×16
favicon.ico
32×32
favicon.ico
48×48
アイコンファイル
180×180
アップルタッチスクリーン
192×192
Androidブラウザ
512×512
Androidブラウザ
16×16
ポータブルネットワークグラフィックス
32×32
ポータブルネットワークグラフィックス
180×180
ポータブルネットワークグラフィックス
512×512
ポータブルネットワークグラフィックス
📋 How to Use These Icons
これをWebサイトの<head>セクションに追加します。
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
💡 ヒント: ブラウザが自動的に検出するために、favicon.icoをWebサイトのルートフォルダ(public _ html/)に配置します。
Why Do You Need Multiple Favicon Sizes?
🖥️
ブラウザタブ
16163232 あなたの.icoファイルには、はっきり表示するために、この2つのサイズが含まれている必要があります。
📱
アップルデバイス
180180 iPhoneとiPadは×Apple Touchアイコンを使用しています。もしないならば、あなたのウェブサイトは1つのぼんやりしたスクリーンショットを得ることができます。
🤖
Androidブラウザ
192192512512 Androidは、メイン画面ブックマークとプログレッシブWebアプリケーション(PWA)アイコンとして×と×のアイコンを使用します。