メインコンテンツへスキップ
画像

SVGをPNGに無料変換|サイズを選べるオンラインツール

SVGのアイコン、ロゴ、イラストを、必要な幅ぴったりのPNGに書き出し。背景は透過にも色付きにもできます。

SVGファイルをここにドラッグ&ドロップ

または ファイルを選択

SVG · 1ファイル最大20MB

設定

サイズ

背景

結果

ここに結果が表示されます

くわしく知る

SVGをPNGに:知っておきたいこと

SVGのPNG版が必要になるとき

SNS、メールソフト、Officeの書類、多くのアップロードフォームはSVGを受け付けません。ちょうどいいサイズで書き出したPNGなら、そうした場所でもロゴやアイコンをくっきり表示できます。用途に合わせて幅を選べば(プロフィール画像なら512px、印刷やスライドなら1024px・2048px)、高さは比率どおりに決まります。

描画・背景・上限

SVGはお使いのブラウザで描画されるので、グラデーションやマスク、フィルターもブラウザで見たとおりに書き出されます。背景は、白か黒を選ばない限り透過のままです。Web上のフォントを参照している場合は読み込まれないことがあるので、文字の見た目が大切なら編集ソフトでアウトライン化しておきましょう。アニメーションは最初の状態で書き出されます。SVG 1ファイルにつき20MBまで対応しています。

使い方

SVGからPNGへの変換は3ステップ

  1. SVGファイルを追加する

    SVGファイルを上の変換エリアにドラッグ&ドロップするか、クリックして選びます。アイコン、ロゴ、イラスト、複雑なベクター画像など、正しいSVGファイルならどれでも使えます。

  2. 出力サイズを選ぶ

    PNGの幅を選びます。SVGの元のサイズのままか、512px・1024px・2048pxなどのサイズを指定できます。高さは比率に合わせて調整されるので、画像がゆがむことはありません。

  3. PNG画像をダウンロード

    ダウンロードを押して、ラスター化したPNGファイルを保存します。変換はすべてブラウザ内で行われるので、SVGファイルがサーバーにアップロードされることはありません。出力は透過にも完全対応しています。

活用ガイド

SVG→PNG変換を使いこなすコツ

しくみ

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変換のよくある質問

SVGからPNGへの変換について知っておきたいこと