Squishly Tools
アップロードなし · 100%無料

SVGをPNGに変換

ロゴ、アイコン、イラストをSVGからPNGにして、スライド、文書、SNSの投稿、ベクターファイルを受け付けないアプリで使えるようにします。サイズと背景を選ぶと、ブラウザ内でPNGが鮮明に描画されます。

SVGをPNGに変換する方法

  1. 下のツールに.svgファイルを1つ以上置きます。
  2. サイズを選びます。1xはSVG本来の寸法のまま、4xは4倍の大きさになります。
  3. 背景は透明のままにするか、白で塗りつぶします。
  4. 変換して、PNGファイルをダウンロードします。

SVGとPNGの違い

SVGは描画の指示の集まりです。線、曲線、図形、文字がコードで記述されています。どんなサイズに拡大しても鮮明さを失わないので、ウェブサイトのロゴやアイコンにぴったりです。PNGはピクセルの格子です。きれいに拡大することはできませんが、WordやPowerPointからWhatsApp、Canva、あらゆるSNSまで、どこでも開けます。変換すれば、必要なサイズちょうどに描かれた、どこでも使える画像が手に入ります。

適切なサイズの選び方

サイズ用途
1xSVG本来の寸法。手早いプレビュー用。
2x高解像度のスマートフォンやノートパソコンで見るウェブサイトやアプリ。
3xまたは4xスライド、印刷、SNSの投稿など、画像が大きく表示される可能性のある場所。

ベクターは後から引き伸ばすのではなく、選んだサイズで描き直されるので、4xのPNGも1xと同じように鮮明です。

透明か白か

PNGは透明に対応しているので、ロゴをどんな色の背景にも重ねられます。ただし一部のメールソフトや文書ビューアーなどでは、透明な部分が黒く表示されます。そうした場所には白い背景を選んでください。

フォントとリンクされた画像

ウェブフォントや外部の画像を参照しているSVGは、ブラウザが単独で描画するため、代わりのフォントで表示されたり、画像が表示されなかったりすることがあります。完全に一致させるには、Figma、Illustrator、Inkscapeで文字をアウトライン化し、画像を埋め込んでからSVGを書き出してください。変換はブラウザ内で行われるので、作品がアップロードされることはありません。

よくある質問

SVGはアップロードされますか？

いいえ。ベクターはブラウザ内のキャンバスに描画され、端末上でPNGとして保存されます。

PNGはぼやけませんか？

ぼやけません。SVGは選んだサイズで描き直されるので、4xのPNGも1xと同じように鮮明で、大きくなるだけです。

透明部分は保たれますか？

はい。背景を透明のままにすると、何もない部分は透けたままです。一部のメールソフトなど、透明をうまく扱えない場所には白を選んでください。

文字の見た目が変わるのはなぜですか？

SVGが、端末にインストールされておらずファイルにも埋め込まれていないフォントを使っていると、ブラウザが似たフォントで代用します。完全に一致させるには、デザインアプリで文字をアウトライン化してください。

ファイルは 端末から出ません

Squishly Toolsのすべてのツールは100%無料で、完全にブラウザ内で動作します。画像や書類はお使いのコンピューター上で処理され、サーバーにアップロードされることはありません。アカウントも透かしも、裏もありません。