SVGロゴをJPGにすると、透明な部分は塗りつぶされます
キャンバスの背景色は初期設定で白なので、背景のないロゴでは、透明だった部分が白くなります。このJPGを暗いWebページや写真の上に置くと、ロゴのまわりに白い四角が出てしまいます。
SVGをJPGに変換
使いたいサイトでSVGファイルを受け付けてもらえなかったり、送った相手が開けなかったりするときは、JPGに変換しましょう。MiriCanvasにSVGファイルをアップロードして、JPGでダウンロードするだけです。ソフトのインストールも必要ありません。
SVGファイルをここにドラッグ＆ドロップ
静止画の画像ファイルを1つ選択できます。
ファイルの変換は無料です。幅・高さそれぞれ32～8000pxまでの画像を選択できます。
SVGをJPGに変換する方法
1. SVGファイルをアップロード
SVGファイルを1つ、アップロード欄にドラッグ＆ドロップするか、「SVGファイルを選択」を押して選びます。100MBを超えるファイルや、width・height・viewBoxのどれもなく、サイズが分からないSVGはアップロードできません。
2. ログインして「JPGでダウンロード」をクリック
「JPGでダウンロード」を押す前に、ログインを済ませておいてください。ボタンを押すとエディターが開き、アップロードした画像がキャンバスに配置されます。エディターが開いてからログインすると、ファイルが引き継がれず、アップロードからやり直しになります。
3. 白い背景でロゴの見え方を確認
エディターが開くとダウンロード画面も表示され、ファイル形式にはJPGがあらかじめ選ばれています。JPGにすると透明だった部分は白くなるので、ロゴが背景に埋もれていないか、キャンバスで確認してください。
4. JPGを保存
形式を変えるだけなら、その画面の「高解像度ダウンロード」を押せば完了です。先に編集したい場合は、ダウンロード画面をいったん閉じ、編集が終わったら右上の「ダウンロード」で開き直してください。このときは別の形式が選ばれていることがあるので、ファイル形式でJPGを選んでください。
SVGではなくJPGが必要なとき
ロゴやイラストはSVGファイルで渡されることがよくありますが、商品画像やプロフィール画像の登録欄では、SVGが選べない場合があります。資料に貼り付けられなかったり、チャットで送ったファイルが相手側で開かなかったりもします。
JPGなら、スマホやパソコンに最初から入っている写真アプリでも開けます。背景が白くなっても困らない用途なら、JPGにしておくのがいちばん無難です。
SVGの元のサイズのままJPGに
アップロードすると、縦横のピクセル数が「元のサイズ」として表示されます。1倍で保存すると、JPGもその大きさになります。ダウンロード画面の「サイズ」で、0.5倍に縮小したり、2倍・3倍に拡大したりすることもできます。元のサイズはSVGファイルのwidthとheightで決まり、値がない場合やpx以外の単位で指定されている場合は、viewBoxの値が使われます。
SVGから大きくて鮮明なJPGを作るには
ダウンロード画面で2倍や3倍を選ぶと、1倍の画像を引き伸ばすことになるので、輪郭がぼやけることがあります。viewBoxのあるSVGをポスターやスライドで大きく使うなら、アップロードする前にテキストエディターでファイルを開き、widthとheightを、縦横比が変わらないように使いたいピクセル数に書き換えておきましょう。そうすれば、1倍で保存してもその大きさのJPGになります。
その他の画像変換ツール
よくある質問（FAQ）
SVGとJPGの違いは何ですか？
SVGはどれだけ拡大しても線がギザギザにならず、背景を透明にしておけるので、ロゴの元データによく使われます。JPGは大きく引き伸ばすと粗くなり、背景も透明にできませんが、ほとんどのソフトやサイトで使えます。元データはSVGのまま残しておき、サイトに載せたり人に送ったりするときにJPGに変換するとよいでしょう。
背景を透過したままJPGにできますか？
JPGでは背景を透明にできません。背景のないロゴが必要なら、PNGに変換しましょう。キャンバスに背景色を付けず、「透明な背景」にチェックを入れて保存すると、ロゴのまわりが透明のまま残ります。
JPGをSVGに戻せますか？
ここでは、JPGをSVGに戻すことはできません。JPGになったロゴは図形や文字を個別に直せないので、元のSVGファイルは必ず残しておきましょう。