SVG to Image Converter

はい。SVGはベクトル形式であり、形状はピクセルではなく数学的なパスによって定義されています。それを PNG のようなラスター形式にレンダリングする際、このツールは指定した正確なピクセル寸法で SVG を描画します。使用予定のサイズと同じ、またはそれ以上のサイズでレンダリングすれば、品質は完璧です。Scale 設定を使用すれば、見た目の劣化なしにレティナ/高DPI スクリーン用に 2x または 3x でレンダリングできます。

Scale は出力の寸法を倍増させます。SVG の viewBox が 100x100 ピクセルで Scale を 2 に設定すると、出力される PNG は 200x200 ピクセルになります。これによりレティナ品質の画像を生成できます。2x スケールは、Retina ディスプレイ上で各論理ピクセルが 4 つの物理ピクセルになることを意味し、画像を鮮明に保ちます。ほとんどの Web 用ケースでは 2x が理想的です。3x は非常に大きな画像や印刷用の出力が必要な場合にのみ使用してください。

透明な背景（PNG と WebP のみ）を使用するか、カラーピッカーを使用して単色の背景を選択できます。透明な背景は SVG 内の透明な領域を保持し、他のコンテンツの上に配置する必要があるアイコン、ロゴ、イラストに最適です。JPG は透明度をサポートしていないため、透明な SVG を JPG に変換すると、透明な部分はデフォルトで白になります。

はい。Width と Height フィールドで正確なピクセル寸法を指定できます。デフォルトでは、Auto は SVG の viewBox 属性からの自然な寸法を使用します。カスタムの寸法を設定すると、指定されたサイズに合わせて SVG が引き伸ばしまたは縮小されます。幅のみ、または高さのみを設定した場合、もう一方の寸法はアスペクト比を維持するために比例的にスケーリングされます。これは、単一の SVG ソースからサムネイル、特定のソーシャルメディアサイズ、または複数の解像度のアイコンセットを生成する際に便利です。

標準的なシステムフォント（Arial, Helvetica, Times New Roman, monospace）でレンダリングされたテキストは正しく変換されます。@font-face や Google Fonts の URL で参照されるカスタムフォントを使用している場合、それらのフォントがシステムにインストールされていないと正しく表示されないことがあります（ブラウザは利用可能な最も近いフォントに置き換えます）。フォントの置き換えを避けるには、変換前にデザインツールでテキストをパス/アウトラインに変換してください（Illustrator: Type > Create Outlines, Inkscape: Path > Object to Path）。

はい。SVG Code タブに切り替えて、SVG マークアップを直接エディタに貼り付けてください。これは、SVG が HTML ファイルに埋め込まれている場合や、ライブラリによって生成された場合、またはデザインツールの「Copy SVG」機能から取得した場合に便利です。貼り付けた後に Convert をクリックすると、アップロードされたファイルと同じ方法でツールがレンダリングします。

いいえ。すべての変換は、HTML5 Canvas API を使用してブラウザ内でローカルに実行されます。プロセスは以下の通りです：あなたの SVG が指定された寸法で Canvas 要素上に描画され、次に Canvas の toDataURL または toBlob メソッドを使用して画像としてエクスポートされます。いかなる時点でもデータがデバイスから外へ送信されることはありません。独自のロゴ、機密の図面、またはその他の機密性の高いベクターアートを安全に変換できます。