ロゴを1つアップロードするだけで、今のウェブサイトに必要なものがすべて揃います。マルチサイズの favicon.ico、16〜512ピクセルの PNG アイコン、Apple タッチアイコン、そして貼り付けるだけの HTML タグ。アイコンはデバイス上で作成され、アップロードされることはありません。
ドラッグ＆ドロップ、クリックで選択、または貼り付け
PNG、JPG、WebP、SVG - 512 px 以上の正方形の画像がおすすめ
このファイルの処理に失敗しました。別のファイルでお試しください。
ファイルはサイトのルートにアップロードしてください。192 px と 512 px のアイコンはウェブアプリマニフェスト用です。
すべてブラウザ内で処理。ファイルはアップロードされません。
PNG、JPG、WebP、SVG をドロップします。512 px 以上の正方形の画像を使うと、最も鮮明なアイコンになります。
画像を切り抜いて正方形を埋めるか、透明な余白を付けて画像全体を収めます。Apple タッチアイコンの背景色も選びます。
16、32、48、180、192、512 px の PNG とマルチサイズの favicon.ico を1つの ZIP で取得し、すぐ使える link タグをコピーしてサイトに貼り付けます。
ファイルは端末上で処理され、サーバーにアップロードされることはありません。
アカウント不要、回数制限なし、結果に透かしも入りません。
ブラウザでネイティブ速度で動作し、ページ読み込み後はオフラインでも使えます。
設定はあなたが決めます。勝手に縮小や再圧縮はしません。
16、32、48 px を含む favicon.ico でブラウザのタブとブックマーク、180 px の Apple タッチアイコンで iPhone と iPad のホーム画面、192 px と 512 px の PNG で Android とウェブアプリマニフェストをカバーできます。このツールはそのすべてを作成します。
ファイルをサイトのルートフォルダにアップロードし、生成された link タグを各ページの head 内に貼り付けます。ブラウザは /favicon.ico も自動で探します。
512×512 ピクセル以上の正方形の画像を使ってください。太い形のシンプルなロゴは16ピクセルに縮小しても判読できますが、細かいディテールや細い文字はつぶれてしまいます。
ブラウザはファビコンを強くキャッシュします。キャッシュを削除するか、シークレットウィンドウで確認するか、/favicon.ico?v=2 のようにファイル名にバージョンを付けてください。
iOS はホーム画面アイコンの透明部分を黒で塗りつぶします。そのため、このツールは選んだ背景色を 180 px アイコンの背後に描画し、意図どおりに表示されるようにしています。