SVG サンプルファイル — テスト用ベクター画像をダウンロード(シンプル〜複雑)
Scalable Vector Graphics · .svg · MIME タイプ image/svg+xml
レンダリング性能、サニタイズ、ラスター化、アップロード処理をテストするために、3 段階の複雑さ(パス要素が約 20、600、6,000)の SVG サンプルファイルをダウンロードできます。各ファイルは viewBox、グラデーション、テキスト要素、aria-label を備えた有効な XML で、スクリプト、外部参照、埋め込みのラスター画像は含みません。
SVG はブラウザがネイティブに描画できる唯一のベクター形式で、ロゴやアイコンには最適ですが、アップロード形式としては危険も伴います。SVG には JavaScript を含められるからです。ユーザーから SVG を受け付けるなら、これらのクリーンなファイルが基準になります。サニタイザーはこれらを変更せずに通すべきです。
SVG サンプルファイルをダウンロード
| ファイル | 詳細 | サイズ | ダウンロード |
|---|---|---|---|
sample-vector-simple.svg | 1200 × 630 | 2 KB | |
sample-vector-medium.svg | 1200 × 630 | 41 KB | |
sample-vector-complex.svg | 1200 × 630 | 406 KB |
画像 の全形式をひとそろい必要ですか?画像 のサンプルパックをダウンロード(1.4 MB、画像の各形式の小さなファイルを 1 つずつ(13 ファイル))。
コマンドラインや CI でこれらのファイルを使う
どの URL も固定で、CORS も許可しています。テストで SHA-256 を固定しておけば、フィクスチャが変わった瞬間に気づけます。
# ファイルを 1 つダウンロード curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/images/svg/sample-vector-simple.svg # 検証する(全ファイルの SHA-256 は上に記載) shasum -a 256 sample-vector-simple.svg # 全サンプルファイルの機械可読インデックス curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="svg")'
SVG 形式の概要
| 正式名称 | Scalable Vector Graphics |
|---|---|
| 拡張子 | .svg |
| MIME タイプ | image/svg+xml |
| 規格 | W3C SVG 1.1(2011 年)、SVG 2(草案) |
| 種類 | ベクター、XML テキスト — 解像度に依存しない |
| 透過 | 対応 |
| アニメーション | 対応(SMIL、CSS) |
| スクリプト | 可能 — ユーザーのアップロードはサニタイズが必要 |
| 先頭 | <?xml … または <svg |
SVG サンプルファイルでテストされること
- SVG のサニタイズと CSP のテスト(これらのファイルにスクリプトはなく、そのまま通るはずです)
- 複数サイズでの SVG から PNG へのラスター化
- 数千のパスを含む場合のレンダリング性能
- アイコンやロゴのアップロード処理
よくある質問
ユーザーに SVG ファイルをアップロードさせても安全ですか?
サニタイズする場合に限ります。SVG には <script>、イベントハンドラー、外部参照を埋め込めます。これらをサーバー側で除去する(または PNG にラスター化する)うえで、ユーザーの SVG は厳格な Content-Security-Policy を設定した別オリジンから配信してください。当サイトのサンプルファイルにはそのどれも含まれていないので、「通るべき」対照群として使えます。
SVG を PNG や JPG に変換するには?
どのブラウザでもラスター化できます。SVG を canvas に描画して書き出すだけです。当サイトの無料の画像形式変換ツールはまさにそれをクライアント側で行い、ファビコン生成ツールは SVG ロゴからアイコン一式を作成します。
これらの SVG ファイルは安全にダウンロードできますか?
はい。すべてのファイルは当サイトが公開しているスクリプトでゼロから生成したもので、収集したものやユーザーがアップロードしたものはなく、スクリプト、マクロ、実行ファイルも含まれていません。各ファイルの SHA-256 をこのページに掲載しているので、受け取ったファイルを検証できます。
SVG サンプルファイルを商用利用できますか?
はい。商用製品、テストスイート、デモ、再配布を含め、あらゆる目的に無料で使え、クレジット表記も不要です。ライセンス手続きも、誰かへの問い合わせも必要ありません。
これらのファイルに直接リンクしたり、CI で使ったりできますか?
はい。どのリンクも HTTPS の固定の直接 URL で、Access-Control-Allow-Origin: * と長期キャッシュのヘッダーが付いているため、curl、wget、fetch()、テストランナーから直接取得できます。全ファイルの JSON インデックスへのリンクは各ページにあります(コマンドラインのセクションを参照)。
関連するサンプルファイル
SVG に対応した無料ツール
不具合や改善できそうな点を見つけましたか?いただいたメッセージはすべて読み、すぐに対応します。
ファイル処理パイプラインをテスト中ですか?私たちはそれを作っています。
アップロード、変換、プレビュー、文書処理、メディアのワークフローは、FreeToolsForWeb がクライアントのために設計・運用している本番システムそのものです。だからこそ、最初にこれらのファイルが必要になりました。
無料ツールを見る