ツールへ移動
image.dev
SVGから変換

SVGをICO(ファビコン)に変換

ファビコンの素材としてベクターは理想的です。SVGを宣言サイズの4倍で描画してから各サイズへ縮小するため、小さなラスターを引き伸ばしたときのぼやけが起きません。透過を保った16・32・48pxの3サイズが1つの.icoに収まります。

SVG画像をここにドロップクリックで選択、クリップボードからの貼り付けもできます

すべて端末内で処理 — ファイルがブラウザの外に出ることはありません

あわせて便利: SVGをPNGに変換

使い方

ロゴやアイコンのSVGファイルをドロップします。ベクターがそのまま素材になります。

宣言サイズの4倍でレンダリングされた後、16・32・48pxへ縮小 — 拡大によるぼやけが構造的に発生しません。

透過付きの.icoをダウンロードし、SVGファビコン指定と並べてサイトに設置すれば全環境対応です。

SVG vs ICO

ソースとしてはSVGの完勝です。ラスター素材は元の解像度が上限になりますが、ベクターは各サイズを「描き直す」ので16pxでも図形が保たれます。ただし配信はICOの仕事 — SafariはSVGファビコンを今も無視するため、両方置くのが定石です。

SVGICO
圧縮方式ベクター(XMLテキスト)可逆(BMPまたはPNGを格納)
透過あり(フルアルファ)あり(フルアルファ)
アニメーションあり(CSS/SMIL)なし
対応環境全ブラウザ対応。ただしアップロードフォームでは拒否されがちファビコン用途ではあらゆる環境
向いている用途ロゴ、アイコン、イラストファビコン、Windowsアプリのアイコン

よくある質問

このページの内容