🖼️ SVG to PNG 変換ツール -- 無料・ブラウザ完結・アップロード不要

概要

このSVG to PNG変換ツールはCanvas APIを使用してブラウザ内で完全に動作します。バックエンドもファイルアップロードもサードパーティサービスも一切ありません。SVGコードを貼り付けるか.svgファイルを読み込むと、ツールがメモリ内の一時的なBlob URLを作成し、オフスクリーンのImageエレメントに読み込んで、指定したサイズでキャンバスに描画します。Blob URLはレンダリング後すぐに解放されるため、ファイルへの参照が残ることはありません。明示的なwidthまたはheight属性がないSVGは、viewBoxを読み取って自然なサイズを決定します。エクスポートされたPNGはcanvas.toBlob()でキャンバスから直接生成され、デバイスに保存されます。

使い方

1. 入力方法を選択：「SVGを貼り付け」をクリックしてSVGコードをテキストエリアに貼り付けるか、「ファイルを選択」をクリックしてデバイスから.svgファイルを選んでください。
2. 出力スケールを設定 -- 1x、2x、3x、4xを選んでSVGの自然サイズを倍数で拡大するか、幅フィールドに正確なピクセル幅を入力します。高さはアスペクト比から自動的に計算されます。
3. 背景を選択：ドキュメントや印刷に適した白いPNGには「白」を、色付き背景での使用のためにアルファチャンネルを保持するには「透明」を選びます。
4. 「PNGに変換」をクリック -- 保存前に出力を確認できるよう、キャンバスにすぐにプレビューが表示されます。
5. 「PNGをダウンロード」をクリックしてファイルをデバイスに保存します。ファイルはブラウザ内で完全に生成されます。サーバーへのアップロードは一切ありません。

よくある質問

SVGファイルはサーバーにアップロードされますか？

いいえ。SVGはデバイスから出ることはありません。変換ツールはブラウザのメモリに一時的なBlob URLを作成し、HTMLキャンバスに画像を描画してから、すぐにURLを破棄します。すべてブラウザのCanvas APIを使用したクライアントサイドの処理です。

SVGにwidthやheight属性がない場合はどうなりますか？

変換ツールはviewBox属性にフォールバックして自然なサイズを決定します。width、height、viewBoxのいずれも存在しない場合は、デフォルトで300x300 pxになります。スケールボタンやカスタム幅フィールドでいつでも出力サイズを上書きできます。

Retinaや印刷用の高解像度PNGを得るにはどうすればよいですか？

2x、3x、4xを選択すると、SVGの自然なピクセル寸法の2、3、または4倍でPNGをレンダリングします。あるいは、幅フィールドに2400などの特定のピクセル幅を入力すると、高さが比例してスケールします。

PNGの背景を透明にできますか？

はい。変換前に背景トグルで「透明」をクリックしてください。キャンバスが白で塗りつぶされないため、SVGの塗りのない領域がPNGの透明ピクセルとして保存され、アルファチャンネルが保持されます。