PNG → SVG 変換とファビコン作成ツール

PNG から SVG への変換のしくみ

PNG や JPG は色のついたピクセルの集まりで、SVG は線と曲線で図形を表します。変換では、まず画像を少数の色に減らし、各色の領域の輪郭をなぞって、エッジをなめらかな曲線にします。これをベクター化（トレース）と呼びます。

ロゴ、アイコン、イラスト、文字、署名など、輪郭がはっきりした画像に最適です。写真は色数が多くグラデーションもあるため、ポスターのような仕上がりになります。写真は PNG や JPG のまま使うのがおすすめです。

• できるだけ大きく鮮明な画像から始める。
• デザインの実際の色数に合わせる。色数が少ないほどきれいで軽い SVG になる。
• 小さな文字や細い線には精細さを上げ、なめらかにしたいときは下げる。
• 白や色付きの四角の上にあるロゴは「背景を削除」をオンにする。

2026年に必要なファビコンのサイズ

ブラウザー、スマートフォン、検索エンジンはそれぞれ別のアイコンファイルを参照します。次のセットで、現在のすべてのブラウザー、Google の検索結果、iPhone・iPad のホーム画面、Android に対応できます。

SVG と PNG の使い分け

Web サイトのロゴ、アイコン、イラストには SVG がおすすめです。どの画面でも鮮明で、多くの場合ファイルが小さく、CSS で色も変えられます。多くの SNS、メールソフト、Word、各種フォームなど SVG に対応していない場所や、スクリーンショットや細部の多い画像には PNG を使いましょう。SVG を 2× や 4× で PNG に書き出すと、高解像度画面でもくっきり表示されます。