SVGビューア(複数ファイルのバッチビュー)

複数のSVGファイルの表示効果を素早く一括プレビューし、フィルタリングや拡大表示をサポートし、SVGを画像ダウンロード用の透明なPNGへの変換、コードコピー、ワンクリックでZIPパッケージをエクスポートすることも可能です。

{{ toast.text }}

SVGファイルやフォルダをここにドラッグするか、ファイルを選択してください

マルチセレクトファイルのドラッグや、サブディレクトリを含むフォルダ全体を直接ドラッグすることもサポートしています

まだインポートできるSVGファイルはありません。バッチプレビューとフィルタリングのために、上方のファイルを選択またはドラッグしてください

フィルター数:{{ filteredFiles.length }} / 合計 {{ files.length }} ファイル 選択:{{ selectedCount }} アイテム Selected size: {{ selectedTotalSizeStr }}
{{ file.name }} {{ file.sizeStr }}
プレビュー ファイル名 サイズ 動作
{{ file.name }}
{{ file.sizeStr }}

バッチインポート、二次元プレビュー、必要なSVGリソースを選択するための多次元フィルタリングと整理

開発者やUIデザイナー向けに設計された、高速で効率的なSVGファイルのバッチプレビューおよびフィルタリングツールです。SVGファイルを一つずつ手動で開くのは遅すぎますか? このツールを試してみてください。欲しいSVGファイルを素早くプレビュー・フィルタリングするのに役立ちます。 SVGファイル1つだけを表示する必要がある場合は、このビューアがより適しています:SVGビューア、ズーム/フルスクリーン表示に対応しています

SVGファイルを一括表示/プレビューする方法

1
01

リソース紹介

複数のSVGファイルや、多層サブディレクトリを持つフォルダをインポートエリアにドラッグするか、単にボタンをクリックしてマルチセレクトでインポートできます。

2
02

無料プレビュー

グリッドビューとリストビューをワンクリックで切り替え、プレビューサイズを無限に調整(16px - 512px)、インテリジェントチェッカーボード比較ディスプレイ。

3
03

インテリジェントフィルタリング

キーワードの曖昧検索や選択された項目のみを表示することで、数百から数千のアイコンの中から即座に絞り込み、ターゲットを特定できます。

4
04

ワンクリック処理

フローティングコントロールバーをタップすると、コードを素早くコピーしたり、ファイル名を抽出したり、オリジナル画像を直接ダウンロードしたり、フルスクリーンの高解像度ロスレス画像をプレビューしたりできます。

5
05

バッチエクスポート

希望のアイコンを選択した後は、SVG/透明のPNGファイルを別途ダウンロードするか、フォルダの階層を維持してZIPをパッケージ化してワンクリックでエクスポートできます。

大量のSVGファイルで欲しいSVGアイコンをバッチプレビューし選択する方法

慎重に洗練された高性能機能により、数百から数千のSVGの中から希望する資産を素早くスクリーニング、変換、整理できます

普通のSVGファイルビューアの煩わしさ

  • 直接プレビュー不可:デフォルトではWindowsエクスプローラーはSVGのサムネイルをプレビューできません。デフォルトのブラウザアイコンしか表示できず、中身のアイコンがはっきり見えません。
  • アイコンを一つずつ開くのは非常に非効率的です。ダウンロードしたSVGの山の中からお気に入りのアイコンを見つけるには、ブラウザやデザインソフトで各アイコンをダブルクリックしなければならず、時間も労力もかかります。
  • コード抽出は非常に面倒です。フロントエンドコードで特定のSVGを使うには、まずテキストエディタで開き、非常に長いXMLソースコードを手動で選択・コピーし、プロジェクトに再貼り付けなければなりません。
  • フォーマット変換や整理は不便です。専門的なソフトウェアを使わずにオペレーションや製品の同僚にアイコンを送る場合、ローカルで手動で透明なPNGに変換したり、ZIPファイルとしてエクスポートしてパッケージングしたりするのは非常に複雑です。

SVGビューアは開発や設計の課題を徹底的に解決します

  • インスタントタイルのローカルプレビュー:アイコンフォルダ全体を直接プレビューにドラッグすると、100以上のSVGアイコンを即座にレイアウトできます。クラシックな透明グリッドコントラスト、暗い背景と明るい背景の切り替え、見たままのままです。
  • インテリジェントなファジィ検索とフィルタリング:ファイル名のファジィ検索と名前入力による素早いフィルタリングをサポートし、「チェックボックスをチェックするだけで」をサポートし、巨大なアイコンライブラリからターゲットを即座に特定できます。
  • 非常に使いやすい開発プロセスで、ワンクリックでファイル名を抽出したり、ワンクリックでSVGコード(XML)全体をコピーしたりできるため、コピー&ペースト操作がシームレスにできます。
  • 多次元ロスレストランスコーディングおよびパッケージング:PNGのワンクリックレンダリングと透過背景のダウンロード、修正SVGの個別ダウンロード、またはワンクリックでパッケージングZIPをエクスポートしつつ、元のフォルダ階層を保持します。

無料のオンラインSVGビューア

クライアントをダウンロード・インストールする必要はなく、ブラウザを開いて強力なSVGバッチインポートとプレビューサービスをいつでもどこでも無料で楽しめます。

究極的およびラピッドバッチプレビュー

高度なローカルファイルストリーム解析技術に依存することで、数百のSVGリソースを一度にインポートしても、解析と滑らかなレンダリングプレビューを即座に完了させることができます。

プレビューサイズを自由に変更できます

16pxから512pxまでのステップレスサイズ調整に対応し、さまざまな設計・開発標準に簡単に適応できる一般的なショートカットサイズを提供します。

SVGアイコンのバッチクエリとフィルター

ファイル名やチェックオンリー状態による高精度なぼやけた検索をサポートし、膨大なアイコンライブラリからターゲットリソースを瞬時にフィルタリング・抽出できます。

100%ローカルセキュア処理

すべてのファイルの解析とレンダリングはローカルブラウザで行われます。データは決してサーバーにアップロードされず、プライバシー漏れのリスクはゼロで、セキュリティも安心です。

フォルダ階層を保持する

マルチレベルサブディレクトリを含むフォルダを直接ドラッグし、ZIPファイルを一括パッケージ化・エクスポートする際に元のファイルディレクトリ構造を完全に復元することも完璧にサポートします。

二重テーマの対比と適応

明るいモードとダークモードをワンクリックで切り替えることができ、クラシックな透明グリッド背景と組み合わせて、明暗のSVG色をどのモードでも明確に区別できます。

開発者効率設計

SVGソースコード(XML)のワンクリックコピー、ワンクリックファイル名コピー、迅速な操作を提供し、日々のフロントエンド開発やUIデザインワークフローを完全に加速させます。

複数フォーマットでのバッチエクスポート

アイコンの自由なマルチセレクトをサポートし、オリジナルSVGのバッチエクスポート、透明なPNG形式のインテリジェント生成とエクスポート、またはワンクリックでZIP形式のパッケージングが可能です。