ファビコンジェネレーター
1枚の画像から、ウェブサイトに必要なすべてのアイコンを作成します。複数サイズのfavicon.ico、PNGのファビコン、Apple touch icon、Android/ウェブアプリ用のアイコン、そしてサイトに貼り付けるHTMLコードです。
ヒント:16 pxのプレビューを確認してください。ロゴが読みにくい場合は、余白を減らして「正方形にトリミングする」を試すか、ロゴの最初の文字や記号だけを使ってください。
よくある質問
ロゴはサーバーにアップロードされますか?
いいえ。すべてのアイコンはブラウザの中で直接作成され、ZIPも端末の上で作られます。ロゴがパソコンの外に出ることはありません。
ファビコンのパッケージには何が入っていますか?
favicon.ico(16、32、48 pxを1つのファイルに収録)、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(iPhoneとiPadのホーム画面用の180 px)、android-chrome-192x192.pngとandroid-chrome-512x512.png(Androidとインストール可能なウェブアプリ用)、そしてsite.webmanifestファイルです。
ファビコンをウェブサイトに追加するにはどうすればよいですか?
ファイルをウェブサイトのルートフォルダ(index.htmlと同じ場所)に展開し、このページに表示されるHTMLコードを、ページの<head>に貼り付けます。WordPress、Shopify、Wixなど、ほとんどのサイト作成サービスには「サイトアイコン」の設定もあり、512 pxのPNGをアップロードするだけで使えます。
どんな画像が最適ですか?
シンプルで太い、正方形のロゴや頭文字のマークです。細かい部分や細い文字は、16 × 16ピクセルでは消えてしまいます。透明なPNGやSVGファイルがよく合い、写真は自動的に正方形にトリミングされます。
Apple touch iconに背景があるのはなぜですか?
iPhoneとiPadは、ホーム画面のアイコンの透明な部分を黒で表示します。そのため、Imgovoは常にAppleのアイコンにべた塗りの背景を付けます。選んだ色、または背景が透明な場合は白です。
PNGだけからICOファイルを作れますか?
はい。「favicon.icoだけをダウンロード」をクリックすると、複数サイズのICOファイルだけが手に入ります。
変更を元に戻せますか?
はい。元に戻す/やり直す(設定の上のボタン、またはCtrl+Z/Ctrl+Shift+Z)で、合わせ方、背景、余白、角丸、アプリ名の変更をさかのぼれます。