SVG を PNG に変換

SVG を PNG に変換する意味

ウェブ上のロゴ・アイコン・図版には SVG が適しています。どんなサイズでも鮮明さを保ち、たいていはとても軽いからです。困るのは、そのファイルをモダンブラウザ以外の場所へ持って行く瞬間からです。スライド資料、古いバージョンの Office、印刷所、マーケットプレイスの商品画像、メールソフト、アプリのアイコン枠、フォーラムへの投稿、そして大半の SNS は、SVG をそもそも受け付けないか、予期しない見た目で表示します。PNG にはそうした問題がありません。どこでも解釈でき、透過背景を保ち、開くソフトが変わっても同じに見えます。

それが SVG から PNG への変換ツールの仕事のすべてであり、svg png 変換 が最もよく検索される変換のひとつである理由でもあります。作品が良くなるわけではなく、どこでも受け入れられることと引き換えに、拡大に強いという性質を手放しているのです。この取引を理解したうえで、このページの残りは、それを偶然ではなく意図して行うための話になります。目的を持ってサイズを選び、ファイルがどれくらいになるかを知り、ベクターを平坦化するときに静かに壊れる 2 つのことを、あらかじめ知っておくということです。

出力サイズの選び方

SVG を PNG に変換するとき、結果を本当に左右するのはこの判断だけであり、同時にほとんどのツールがあなたに当て推量をさせている箇所でもあります。黙って既定値を選び、都合のいい結果を渡してくるものもあれば、倍率だけ用意して何が出てくるかは示さないものもあります。ベクターには自前の解像度がないので、まずい既定値はささいな不便では済みません。ロゴが鮮明か粗いか、ファイルが 40 KB か 8 MB か、その分かれ目になります。

ここには要望を伝える 4 つの方法があり、それぞれ向いている用途が違います。「元のサイズ」はファイルに書かれた幅と高さを使います。SVG が意図されたサイズで書き出されている場合に最も安全です。「倍率」はそのサイズを 1〜4 倍します。高精細ディスプレイ向け素材にはこれです。「幅を指定」はピクセル数を直接入力します。サイズが既に他所で決まっている場合向けです。「アイコンサイズ」は、OS やブラウザが実際に要求してくる標準の正方形を用意します。

SVG を PNG に変換する 4 ステップ

1. 1

   SVG ファイルを追加する

   上の枠にドラッグするか、クリックして選びます。一度に最大 50 件まで追加できます。それぞれあなたの端末上で読み込まれ、どこにも送信されません。

2. 2

   ファイルについての注記を確認する

   文字を含む、ウェブ上の画像を参照している、currentColor に依存している、サイズが書かれていない、といったファイルがあれば、変換前に注記が表示されます。ほとんどは説明であり、変換はそのまま進みます。

3. 3

   出力サイズを選ぶ

   元のサイズ、倍率、ピクセル単位の幅指定、または 1 つ以上のアイコンサイズから選びます。出力サイズの表示は設定を変えるたびに更新されるので、何が得られるか分かります。倍率やプリセットを複数チェックすると、各ファイルから複数の PNG が生成されます。

4. 4

   変換してダウンロードする

   変換を押して結果を持ち帰ってください。出力が 1 つならそのままダウンロードされ、それ以上なら ZIP として届きます。各ファイルには中身のサイズが名前に付きます。

ファイルはブラウザから出ません

SVG から PNG への変換は、どの工程もあなたの端末上で行われます。SVG はローカルで読み込まれ、ローカルで描画され、ローカルで符号化され、ローカルであなたに返されます。アップロードはなく、サーバー上の待ち行列もなく、あなたの作品の複製が見えない場所に存在する時間帯もありません。SVG ファイルはロゴ、ブランドマーク、未発表の製品用素材であることが多いため、この形式では特に重要な点です。

代わりの選択肢が何を伴うかも見ておく価値があります。よく知られた SVG から PNG への変換サービスのいくつかは、ファイルをアップロードしたうえで保持期間を明示しています。あるところは 8 時間、別のところは 1 時間、また別のところは 1 日です。その保持期間は正直に示されていますが、そもそもファイルを送信したからこそ存在するものです。ここには読むべき保持ポリシーがありません。保持すべきものが何もないからです。ページが読み込まれた後であれば、接続が切れてもツールは動き続けます。

関連ツール

• 画像を圧縮 —— 思ったより重くなった PNG を、KB 単位の目標サイズを指定して小さくします。
• 画像サイズを変更 —— 既に書き出した PNG の寸法を変更します。
• 画像を WebP に変換 —— ウェブ用に PNG をもう一度変換します。WebP のほうがたいてい大幅に小さくなります。
• PNG を JPG に変換 —— 使う先が透過を受け付けず、写真的なファイルで構わない場合に。
• WebP を PNG に変換 —— 逆向きの同じ作業。ウェブサイトからダウンロードしたファイル向けです。
• PNG を PDF に変換 —— 書き出した画像を、印刷や送付ができる文書にまとめます。
• PNG と PDF の違い —— 作品を誰かに共有するとき、どちらを選ぶべきか。