SVG → PNG 変換

SVG ファイルを入れるか、コードを貼り付けます。SVG が自分で示す大きさを読み取り、倍率を上げたり横のピクセル数を直接決めたりできます。

SVG を受け付けない場所はまだ多くあります。メール本文、古い編集ソフト、印刷入稿の規定、リンクのプレビュー画像などです。そのたびにデザインソフトを開くより一度焼くほうが早いです。

SVG は画素ではなく描き方を持っているので、どの大きさで焼いても写真を拡大したときのようにぼやけません。高解像度の画面用に2倍や3倍で書き出しても縁はそのまま鮮明です。

viewBox だけで width と height の無い SVG は、画像として描くときブラウザが勝手に大きさを決め、その値はブラウザごとに違います。そこで焼く前に大きさをコードに書き込み、どこでも同じ結果になるようにしています。

パーセントや em で書かれた幅は読みません。ここには無い外側の箱を基準にして初めて意味を持つ値だからです。100% を100ピクセルと読むと、画面いっぱいだった絵がサムネイルの大きさで出てしまいます。

PNG は透明を保ちます。背景は受け取る側が透明を扱えないときだけ塗ってください。とくにメールソフトは透明な絵を黒に重ねてしまいがちです。

ファイルがアップロードされることはありません。ブラウザの中で描きます。