WMW

SVGコンバーター・ビューアー

Free

SVGをPNG、JPEG、WEBP、BMP、ICO、またはAVIFに変換したり、PNG/JPEG/WEBP/BMP/GIF/ICOを有効なSVGにラップしたりでき、方向を自動検出してブラウザ内で直接行います。

すべてブラウザ内で動作します。ファイルがどこかにアップロードされることはありません。

クリックしてファイルを選択するか、ここにドラッグ&ドロップしてください

SVG入力、またはPNG / JPEG / WEBP / BMP / GIF / ICO入力 - どちらの方向も自動的に検出されます

最近のアクティビティ

全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。

まだアクティビティはありません。最初の一人になりましょう。

コメント (0)

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

ゲストのコメントは公開前に確認されます。 ログイン すると即座に投稿できます。

まだコメントはありません。最初にご意見をお寄せください!

このツールの機能

ブラウザ内で直接、SVGとラスター画像の間をどちらの方向にも変換し、アップロードしたものを自動的に検出します。SVGをアップロードすると、任意のズームレベルでPNG、JPEG、WEBP、BMP、ICO、またはAVIF(サポートされている場合)としてエクスポートできます。PNG、JPEG、WEBP、BMP、GIF、またはICOをアップロードすると、元の画像が内部に埋め込まれた有効な.svgファイルが得られます。

仕組み

SVGからラスターへの変換では、まずツールがSVGの固有ピクセルサイズを決定します(明示的な幅/高さ属性、次にviewBox、次に300x150の仕様デフォルト)。それに選択したズームパーセンテージを掛け、その正確なサイズでファイルをHTMLキャンバスに描画します。PNG、JPEG、WEBP、AVIFはキャンバスAPIを通じて直接エクスポートされます。BMPは小さな専用エンコーダーによって構築され、キャンバスの生のピクセルデータを標準の非圧縮24ビットBMPファイルに、下から上へ、形式が要求する青緑赤のバイト順で書き込みます。ICOはキャンバスのPNGエクスポートを取得し、現代のICOコンテナ形式(短いヘッダーの後にPNGデータが続く)でラップして構築されます。これは現在のすべてのバージョンのWindowsと主要なすべてのブラウザが受け入れます。ラスターからSVGへの変換では、ツールはアップロードされたファイルの正確なバイトをデータURIとして読み取り、そのデータURIを全く変更せずに新しいSVGファイルの<image>要素内に配置し、SVGの幅、高さ、viewBoxを元の画像のピクセル寸法に正確に一致するように設定します。

解決できる問題

よくある質問

なぜSVGをPNG、JPEG、WEBP、BMP、ICO、またはAVIFに変換する必要があるのですか?

SVGはベクター形式であり、多くのツール、プラットフォーム、古いソフトウェアでは単純に受け付けられません。ほとんどのソーシャルメディアの画像アップローダー、一部のCMS画像フィールド、メールクライアントなどがその例です。PNGのようなラスター形式に変換すると、どこでも動作する通常のピクセルベースの画像ファイルを、選んだ正確なサイズで得られます。特にICOは、WindowsやブラウザがファビコンやデスクトップアイコンのB為に期待する形式です。

ズーム設定は出力にどう影響しますか?

SVGはベクター形式であるため、固有のピクセルサイズを持たず、ファイルから読み取られる「固有」サイズ(幅/高さ属性、またはフォールバックとしてのviewBox)のみを持ちます。ズームはその固有サイズを拡大縮小します。100%は元のサイズを維持し、200%は両方の寸法を2倍にし、50%は半分にします。最終的なラスターエクスポート前に鮮明さが失われることはありません。

どの出力形式を選ぶべきですか?

PNGは最も安全なデフォルトです。透明度をサポートしているため、SVG内の透明な部分は透明のままとなり、ロスレスです。JPEGは透明度をサポートせず、透明な部分を白で塗りつぶしますが、写真のようなコンテンツではより小さいファイルを生成します。WEBPとAVIF(ブラウザがエンコードをサポートしている場合)はどちらも透明度をサポートし、多くの場合PNGやJPEGよりファイルサイズが小さくなります。BMPは非圧縮で、普遍的に読み取り可能なレガシー形式で、ファイルサイズが大きくなります。ICOは画像をWindows/ブラウザのアイコンファイルとしてパッケージ化し、最も一般的にはファビコンに使用されます。

画像をSVGに変換すると実際には何が起こるのですか?

画像をパスや形状にトレースまたはベクター化するわけではありません。それは専用のベクタートレースツールが扱うmuch more複雑なプロセスです。代わりに、元のPNG、JPEG、WEBP、BMP、GIF、またはICOファイルをバイト単位で変更せずに、一致する幅、高さ、viewBoxを持つ小さなSVGコンテナ内にラップします。結果は、SVGが求められるあらゆる場所で正しく表示される有効な.svgファイルであり、内部には正確な元の画像データがそのまま含まれています。

私のSVGに幅、高さ、viewBoxが全くない場合はどうなりますか?

このツールは300×150ピクセルにフォールバックします。これはまさにこの状況のためにSVG仕様自体が定義している標準のデフォルトサイズなので、変換が失敗することはなく、ズームのパーセンテージが適用される前にそのデフォルトが使用されるだけです。

私のファイルはどこかにアップロードされますか?

いいえ。どちらの方向への変換も、HTML canvas APIとFile APIを使用してブラウザ内で完全に行われます。サーバーには何も送信されません。

関連ツール