SVG サンプルファイル — テスト用ベクター画像をダウンロード(シンプル〜複雑)

Scalable Vector Graphics · .svg · MIME タイプ image/svg+xml

3 ファイル2 KB – 406 KB直接リンク広告なし・登録不要用途を問わず無料SHA-256 検証済み

レンダリング性能、サニタイズ、ラスター化、アップロード処理をテストするために、3 段階の複雑さ(パス要素が約 20、600、6,000)の SVG サンプルファイルをダウンロードできます。各ファイルは viewBox、グラデーション、テキスト要素、aria-label を備えた有効な XML で、スクリプト、外部参照、埋め込みのラスター画像は含みません。

SVG はブラウザがネイティブに描画できる唯一のベクター形式で、ロゴやアイコンには最適ですが、アップロード形式としては危険も伴います。SVG には JavaScript を含められるからです。ユーザーから SVG を受け付けるなら、これらのクリーンなファイルが基準になります。サニタイザーはこれらを変更せずに通すべきです。

SVG サンプルのプレビュー
プレビュー:sample-vector-simple.svg — このページのファイルはすべて同じテストパターンを使い、サイズや解像度だけが異なります。

SVG サンプルファイルをダウンロード

ファイル詳細サイズダウンロード
sample-vector-simple.svg
シンプル • 20 パス
1200 × 6302 KB
2,225 バイト
SVG をダウンロード
sample-vector-medium.svg
中程度 • 600 パス
1200 × 63041 KB
41,438 バイト
SVG をダウンロード
sample-vector-complex.svg
複雑 • 6000 パス
1200 × 630406 KB
406,407 バイト
SVG をダウンロード
3 ファイル · 直接リンク · 登録不要 · CORS 対応

画像 の全形式をひとそろい必要ですか?画像 のサンプルパックをダウンロード(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 へのラスター化
  • 数千のパスを含む場合のレンダリング性能
  • アイコンやロゴのアップロード処理
テストのポイント。 複雑なファイルは約 600 KB の XML で、遅いレンダラーが目に見えてわかるほど大きく、どのエディターでも開けるほどには小さいサイズです。

よくある質問

ユーザーに 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 に対応した無料ツール

  • 画像形式変換 — AVIF、HEIC、TIFF、PNG、JPG、WebP、GIF、BMP、SVG を相互に変換。ほとんどの変換はブラウザの外に出ません。
  • ファビコン生成 — どんなロゴからでも、favicon.ico、全サイズの PNG、Apple タッチアイコン、webmanifest がそろったファビコン一式をワンクリックで作成できます。

不具合や改善できそうな点を見つけましたか?いただいたメッセージはすべて読み、すぐに対応します。

ファイル処理パイプラインをテスト中ですか?私たちはそれを作っています。

アップロード、変換、プレビュー、文書処理、メディアのワークフローは、FreeToolsForWeb がクライアントのために設計・運用している本番システムそのものです。だからこそ、最初にこれらのファイルが必要になりました。

無料ツールを見る