SVG画像変換ツール

SVGファイルをPNGに変換する方法

SVGファイルをアップロード

お使いのデバイスからSVGファイルを選択してアップロードします。標準的なすべてのSVGフォーマットに対応しています。

出力フォーマットと設定を選択

希望の出力フォーマット（PNG、JPGなど）を選択し、サイズや品質などの変換設定をカスタマイズします。

変換とダウンロード

変換ボタンをクリックすると、変換されたファイルを即座にダウンロードできます。登録は不要です。

スケーラブルベクターグラフィックス（SVG）を理解する

SVG（スケーラブルベクターグラフィックス）は、グラフィックスに使用される主要なベクターファイル形式であり、組み込みのアニメーションサポートで知られています。 SVG画像はXMLに基づいているため、検索、インデックス作成、スクリプト作成、および圧縮が可能です。さらに、テキストエディターやAdobe IllustratorやInkscapeなどのプロフェッショナルベクターデザインプログラムを介して編集できます。 SVG画像は解像度に依存しない点で優れており、これは鮮明さを失うことなく拡大縮小でき、JavaScriptを使用してアニメーション化できるため、ロゴ、アイコン、および単純なアニメーションに最適です。ただし、最新のブラウザはSVGをネイティブに処理しますが、すべてのプラットフォームでのサポートは普遍的ではない可能性があり、写真などの非常に詳細な画像には理想的ではないことに注意してください。

ポータブルネットワークグラフィックス（PNG）を理解する

ポータブルネットワークグラフィックス（PNG）は、その優れた画質と幅広い汎用性により、人気のあるラスター画像形式です。 PNGはロスレスデータ圧縮を誇り、圧縮後も品質が一貫していることを保証します。ベクターではなくピクセルで構成されているため、無限に拡大縮小することはできませんが、透明度オプションを提供しているため、透明な背景に適しています。 SVGとは異なり、一部の制限がありますが、さまざまなプラットフォームで広くサポートされています。最後に、柔軟性は注目に値しますが、PNGは多くの場合、ファイルサイズが大きくなり、ベクターの印刷スケーラビリティが不足します。

SVG vs PNG：適切な選択

設計の優先順位が異なるため、どちらの形式も絶対的に優れているわけではありません。グラフィックデザイナーは通常、PNGの多用途性を好みますが、SVGはスケーラビリティと独自の特性から、アイコン、ロゴ、シンプルなグラフィックデザイン、フォントに最適な選択肢です。要約すると、スケーラビリティが重要な場合はSVGに匹敵するものはありませんが、PNGはより柔軟性と画像の精度を必要とする場合に優れています。

SVG構文

SVG（スケーラブルベクターグラフィックス）構文はXMLに基づいており、ベクターグラフィックスを記述するための特定の規則があります。

基本的なSVG構造

要素：SVGの基本的な構成要素であり、図形、テキスト、画像を定義します。
属性：要素のプロパティであり、外観と動作を制御します。

一般的なSVGデータ型

パス：複雑な形状を定義する一連の描画コマンド。
長方形：幅、高さ、および位置の属性を持つ長方形の形状。
円：中心と半径によって定義される円の形状。
楕円：中心と半径によって定義される楕円の形状。
線：2点を結ぶ直線。
折れ線：一連の接続された直線。
多角形：直線セグメントで構成される閉じた形状。
テキスト：画面にテキストコンテンツを表示するために使用されます。
画像：SVGにラスター画像を埋め込みます。

一般的なSVG属性

fill：図形を塗りつぶす色を指定します。
stroke：図形の輪郭の色を指定します。
stroke-width：図形の輪郭の太さを指定します。
opacity：要素の透明度を指定します。
widthおよびheight：要素の寸法を指定します。
xおよびy：要素の位置を指定します。
d：パス要素がシェイプコマンドを定義するために使用します。

SVG座標系

SVGは、x軸が右に増加し、y軸が下に増加する2次元座標系を使用します。原点（0,0）はSVGキャンバスの左上隅にあります。

SVGからPNGへの変換に関するよくある質問

SVGとは何ですか？

SVG（Scalable Vector Graphics）は、2次元グラフィックスを定義するためのXMLベースのベクター画像フォーマットです。ラスター形式と異なり、SVG画像は品質を損なうことなく拡大縮小が可能で、検索、インデックス作成、スクリプト化、圧縮が可能です。ロゴ、アイコン、イラストに最適です。

対応フォーマットは何ですか？

PNG、JPG、WEBP、ICOフォーマットへの変換に対応しています。各フォーマットには独自の利点があります - PNGは透明度の保持に最適、JPGは写真向け、WEBPはWeb最適化用、ICOはファビコン用です。

ファイルサイズの制限はありますか？

はい、無料ユーザーの場合、最大ファイルサイズは10MBです。ただし、SVGファイルはXMLベースで通常よく圧縮されるため、ほとんどの標準的なSVGファイルはこの制限をはるかに下回ります。

変換時に品質は失われますか？

PNGへの変換では、品質は優れた状態を保ちます。JPGの場合、圧縮が発生する可能性がありますが、品質レベルを調整できます。SVGファイルは任意の解像度でレンダリングできるため、出力品質は主に選択した出力設定に依存します。

SVGファイルにアニメーションを含めることはできますか？

はい、SVGファイルはSMILやJavaScriptを使用してアニメーションやインタラクティブな要素を含めることができます。ただし、PNGやJPGなどの静的画像フォーマットに変換する場合、これらのアニメーションは1フレームとして取り込まれます。

SVGファイルは安全ですか？

SVGファイルにはスクリプトやCSSが含まれる可能性があり、セキュリティリスクとなる可能性があります。当社の変換ツールは、視覚要素を保持しながら、潜在的に有害なコンテンツを除去して安全にSVGを処理します。

SVGが他の画像フォーマットと異なる点は何ですか？

SVGはピクセルではなく数学的な数式として画像を保存する点でユニークです。これにより、SVGは品質を損なうことなく無限に拡大縮小でき、シンプルなグラフィックスではファイルサイズが小さく、テキストエディタやベクターグラフィックスソフトウェアで編集できます。

複数のSVGファイルを一度に変換できますか？

はい、当ツールは一括変換に対応しており、すべての変換で一貫した出力設定を維持しながら、複数のSVGファイルを同時に変換できます。