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

ブラウザですぐに使えますアップロードされませんZIPパッケージ

1枚の画像から、ウェブサイトに必要なすべてのアイコンを作成します。複数サイズのfavicon.ico、PNGのファビコン、Apple touch icon、Android/ウェブアプリ用のアイコン、そしてサイトに貼り付けるHTMLコードです。

ここにロゴや画像をドロップ、クリックして選択、またはクリップボードから貼り付けPNG、SVG、JPG、WebPなど · 背景が透明な正方形の画像が最適です

ヒント: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)で、合わせ方、背景、余白、角丸、アプリ名の変更をさかのぼれます。