SVGロゴを透過PNGに
背景のないSVGロゴなら、キャンバスに背景色を付けず、「透明な背景」にチェックを入れてダウンロードしてください。ロゴ以外の部分が透明なPNGになるので、写真や濃い色の背景に重ねても、ロゴのまわりが白く残りません。
SVGをPNGに変換
使いたいサイトやソフトでSVGのロゴやアイコンが読み込めないときは、PNGに変換しましょう。MiriCanvasにSVGファイルをアップロードして、PNGでダウンロードするだけです。背景のないロゴは、透過PNGとして保存できます。ソフトのインストールも必要ありません。
SVGファイルをここにドラッグ＆ドロップ
静止画の画像ファイルを1つ選択できます。
ファイルの変換は無料です。幅・高さそれぞれ32～8000pxまでの画像を選択できます。
SVGをPNGに変換する方法
1. SVGファイルをアップロード
SVGファイルを1つ、アップロード欄にドラッグ＆ドロップするか、「SVGファイルを選択」を押して選びます。SVGのコードやURLを貼り付けて変換することはできないので、先にファイルとして端末に保存してください。
2. PNGのサイズを確認
アップロードすると、プレビューと一緒に「元のサイズ」がピクセル数で表示されます。エディターのキャンバスはこの大きさで開き、ダウンロードするときに1倍を選べばPNGも同じ大きさになります。
3. ログインして「PNGでダウンロード」をクリック
「PNGでダウンロード」を押す前に、ログインを済ませておいてください。ボタンを押すとエディターが開き、アップロードした画像がキャンバスに配置されます。エディターが開いてからログインすると、画像が引き継がれず、アップロードからやり直しになります。
4. 「透明な背景」のチェックを確認して保存
エディターが開くとダウンロード画面も表示され、ファイル形式にはPNGがあらかじめ選ばれています。「透明な背景」にチェックが入っているか確認して、「高解像度ダウンロード」を押してください。先に編集したい場合は、ダウンロード画面をいったん閉じ、編集が終わったら右上の「ダウンロード」で開き直してください。このときは別の形式が選ばれていることがあるので、ファイル形式でPNGを選び、「透明な背景」のチェックも確認してください。
SVGではなくPNGが必要なとき
ロゴのデータがSVGだと、ネットショップやブログにアップロードできないことがあります。資料やスライドを作るソフトでも、SVGを挿入できないものがあります。
SVGを開けるソフトを持っていない相手にロゴを渡すときも、PNGにしておくと確実です。元のSVGファイルは残しておきましょう。別のサイズのPNGが必要になったら、そこから変換し直せます。
PNGのサイズはSVGファイルで決まります
SVGファイルで指定されたwidthとheightが、PNGの幅と高さになります。値がない場合や、mmなどpx以外の単位で指定されている場合は、viewBoxの値が使われます。小さなアイコンのSVGがはじかれる場合、viewBoxがあれば、テキストエディターでwidthとheightに大きなpx値を指定してアップロードし直してください。
SVGを大きくて高画質なPNGに変換するには
ダウンロードするときにサイズを2倍や3倍にすると、PNGは大きくなりますが、輪郭がぼやけることがあります。SVGにviewBoxがある場合は、テキストエディターでファイルを開き、縦横比を保ったままwidthとheightに大きなpx値を指定してからアップロードしてください。そうすれば、1倍で保存してもその大きさのPNGになります。ただし、値を大きくしてPNGが23MBを超えた場合は、エディターで開く前に自動で圧縮されるため、画質がやや下がることがあります。
その他の画像変換ツール
よくある質問（FAQ）
SVGとPNGの違いは何ですか？
SVGはどれだけ拡大しても線が粗くならないので、ロゴやアイコンによく使われます。PNGは元のサイズより大きく引き伸ばすとぼやけますが、ほとんどの画像ソフトで開けます。透過にはどちらも対応しています。
Webサイトに載せるなら、SVGとPNGのどちらがよいですか？
ロゴやアイコンのようなシンプルな画像はSVGがおすすめです。1つのファイルで、スマホでも大きなモニターでもきれいに表示されます。色や質感が複雑なイラストは、PNGで載せるほうがよいでしょう。
WindowsやMacでSVGをPNGに変換するには？
WindowsでもMacでも、ブラウザーから同じ手順で変換できます。ログインした状態でSVGファイルをアップロードし、「PNGでダウンロード」を押して、エディターのダウンロード画面から保存してください。SVGを開けるグラフィックソフトをお持ちなら、書き出し機能でPNGとして保存することもできます。