SVGコンバーター・ビューアー
FreeSVGをPNG、JPEG、WEBP、BMP、ICO、またはAVIFに変換したり、PNG/JPEG/WEBP/BMP/GIF/ICOを有効なSVGにラップしたりでき、方向を自動検出してブラウザ内で直接行います。
すべてブラウザ内で動作します。ファイルがどこかにアップロードされることはありません。
クリックしてファイルを選択するか、ここにドラッグ&ドロップしてください
SVG入力、またはPNG / JPEG / WEBP / BMP / GIF / ICO入力 - どちらの方向も自動的に検出されます
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
まだアクティビティはありません。最初の一人になりましょう。
このツールの機能
ブラウザ内で直接、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しか受け付けないプラットフォームにアップロードする。
- SVGロゴを、ウェブサイトのファビコンやデスクトップショートカット用の適切な.icoファイルに変換する。
- 既存のPNG、JPEG、またはGIFを、SVGアップロードのみを受け付けるシステムやワークフロー用に、有効なSVGファイルにラップする。
- プレゼンテーション、ドキュメント、印刷レイアウト用に、ベクター画像を特定のピクセルサイズでエクスポートする。
よくある質問
›なぜ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を使用してブラウザ内で完全に行われます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!