SVGのPNG版が必要になるとき
SNS、メールソフト、Officeの書類、多くのアップロードフォームはSVGを受け付けません。ちょうどいいサイズで書き出したPNGなら、そうした場所でもロゴやアイコンをくっきり表示できます。用途に合わせて幅を選べば(プロフィール画像なら512px、印刷やスライドなら1024px・2048px)、高さは比率どおりに決まります。
SVGのアイコン、ロゴ、イラストを、必要な幅ぴったりのPNGに書き出し。背景は透過にも色付きにもできます。
タップしてファイルを選択
SVGファイルをここにドラッグ&ドロップ
または ファイルを選択
SVG · 1ファイル最大20MB
ここに結果が表示されます
SNS、メールソフト、Officeの書類、多くのアップロードフォームはSVGを受け付けません。ちょうどいいサイズで書き出したPNGなら、そうした場所でもロゴやアイコンをくっきり表示できます。用途に合わせて幅を選べば(プロフィール画像なら512px、印刷やスライドなら1024px・2048px)、高さは比率どおりに決まります。
SVGはお使いのブラウザで描画されるので、グラデーションやマスク、フィルターもブラウザで見たとおりに書き出されます。背景は、白か黒を選ばない限り透過のままです。Web上のフォントを参照している場合は読み込まれないことがあるので、文字の見た目が大切なら編集ソフトでアウトライン化しておきましょう。アニメーションは最初の状態で書き出されます。SVG 1ファイルにつき20MBまで対応しています。
SVGファイルを上の変換エリアにドラッグ&ドロップするか、クリックして選びます。アイコン、ロゴ、イラスト、複雑なベクター画像など、正しいSVGファイルならどれでも使えます。
PNGの幅を選びます。SVGの元のサイズのままか、512px・1024px・2048pxなどのサイズを指定できます。高さは比率に合わせて調整されるので、画像がゆがむことはありません。
ダウンロードを押して、ラスター化したPNGファイルを保存します。変換はすべてブラウザ内で行われるので、SVGファイルがサーバーにアップロードされることはありません。出力は透過にも完全対応しています。
SVG(Scalable Vector Graphics)は、パスや円、多角形などの数式で図形を表す、XMLベースのベクター画像形式です。ラスター形式と違い、どれだけ拡大縮小しても画質が落ちないので、どんな解像度でもくっきり表示したいロゴやアイコン、イラストに最適です。
ただし、SVGに対応していないアプリやサービスもあります。Instagram、Facebook、XなどのSNSはSVGのアップロードを受け付けず、メールソフトもセキュリティ上の理由でSVG画像を削除することがよくあります。PowerPointのようなプレゼンソフトでは、SVGの表示が安定しないこともあります。そんなときは、どこでも使えるラスター形式のPNGに変換すれば、画像を正しく表示できます。
かんたん・すばやいこのSVG→PNG変換ツールは、HTML5のCanvas APIを使ってすべてブラウザ内で動きます。SVGファイルは端末の中で描画・ラスター化され、当サイトのサーバーにも第三者のサービスにも送信されることはありません。
これは、自社のロゴや発表前のブランド素材、お客様の機密案件を扱うデザイナーにとって特に大切なことです。SVGの元データも、書き出したPNGも、お使いのパソコンの中だけにとどまります。アップロードも、ファイルの分析も、データの保持も一切ありません。
ブラウザ内で完結SVGからPNGへの変換について知っておきたいこと