FAVICON🖼️

ファビコン生成ツール

お手持ちの画像(PNG・JPEG・GIF・WebP・SVG)から、Webサイト用のファビコン(favicon.ico)を無料で作成できるツールです。複数サイズをまとめた「マルチアイコン」に対応し、スマホ用のアイコンやWebアプリマニフェストも一式で書き出せます。変換はすべてお使いのブラウザ内で行われ、画像がサーバーへアップロードされることは一切ありません

選択した画像
作成するサイズ

複数選ぶと、すべてのサイズを1つのfavicon.icoにまとめた「マルチアイコン」になります。

画像の収め方 (正方形でない画像のとき)
背景
余白
サイト名(任意) site.webmanifestに使われます

    サイト名 - ブラウザのタブ表示イメージ
    HTMLへの記述

    ダウンロードしたファイルをサイトのルート(最上位のフォルダ)に置き、<head>内に次のタグを貼り付けてください。

    コピーしました
    このツールの特長 ブラウザ内で完結・アップロード不要変換処理はすべてお使いの端末の中で行われます。ロゴなど公開前の画像でも、外部に送信されることなく安全に扱えます。 マルチアイコンのfavicon.icoを作成16・32・48pxなど複数サイズを1つのファイルにまとめて書き出します。表示される場所に応じて、最適なサイズが自動で使われます。 透過(アルファチャンネル)に対応背景が透明なPNGはそのまま透過を保ったまま変換できます。背景色をつけたい場合もワンクリックで切り替えられます。 スマホ用アイコン・マニフェストも一式でApple Touch Icon(180px)、Android用(192・512px)、site.webmanifest、貼り付け用HTMLタグまでZIPでまとめて書き出します。 縮小してもきれいな段階リサイズ大きな画像を一気に小さくすると輪郭が荒れます。本ツールは段階的に縮小することで、16pxでも輪郭が保たれるように処理しています。 使い方 変換したい画像を選ぶ(ドラッグ&ドロップでも可) 作成するサイズにチェックを入れる 「ファビコンを作成」をクリック 「favicon.ico をダウンロード」または「一式をZIPでダウンロード」をクリック ファビコンとは

    ファビコン(favicon)とは、ブラウザのタブやブックマーク、検索結果などに表示される小さなアイコン画像のことです。「favorite icon」を略した呼び名で、一般的には favicon.ico というファイル名でサイトのルートに設置します。

    ファビコンが設定されていないと、タブに白紙のアイコンが並び、たくさんのタブを開いたときに自社サイトを見つけてもらいにくくなります。スマホの検索結果にもファビコンが表示されるため、ブランドを覚えてもらううえでも意外と大きな役割を持っています。

    きれいに見せるコツ

    ファビコンは最小で16px四方、つまり文字にすると1〜2文字ぶんの大きさしかありません。ロゴをそのまま縮小すると、細い線がつぶれたり文字が読めなくなったりします。ロゴマークの一部だけを使う・線を太くする・文字は1〜2文字に絞るといった調整をすると、小さくても伝わるファビコンになります。

    また、背景が透明のままだとダークモードのブラウザで見えにくくなることがあります。濃い色のロゴを使う場合は、背景色をつけたバージョンもあわせて検討してください。

    ※ 本ツールは無料でご利用いただけます。生成されたファイルの利用により生じたいかなる損害についても、当社は責任を負いかねます。

    LET’S CONTACT

    お問い合わせ

    デザインと発信の力で、お客様の強みや想いを形にし、
    成果につながるコンテンツを制作します。
    「うちの場合はどうなる?」という段階からでも、どうぞお気軽にご相談ください。

    お問い合わせする👋