SVGからHTMLへのコンバーター

SVGベクターグラフィックをスタンドアロンHTMLページにオンライン変換

ここにファイルをドロップする. 1 GB ファイルサイズの最大限度 または サインアップ
Facebook Amazon Microsoft Tesla Nestle Walmart L'Oreal

すぐにプレビュー

HTML出力はどのブラウザでもすぐに開けます — ベクター編集ソフトがない同僚にSVGアートワークを共有するのに最適です。

セルフコンテインドページ

すべてが1つのHTMLファイルにまとめられています — 外部スタイルシート、画像、依存関係なし。共有やホスティングに1ファイルだけ。

クロスプラットフォーム閲覧

HTMLはWebブラウザを持つすべてのOSとデバイスで動作 — デスクトップ、タブレット、スマートフォンで同じコンテンツが表示されます。

SVGをHTMLへ変換する方法

1

コンピューター、Googleドライブ、Dropbox、URLからファイルを選ぶか、ページにドラッグして下さい.

2

htmlもしくは必要な別のフォーマットを選ぶ(200種類以上のフォーマットが利用できます)

3

ファイルを変換すれば、すぐにhtmlファイルをダウンロードできます

フォーマットについて

SVG(Scalable Vector Graphics)は、World Wide Web Consortium(W3C)が開発したXMLベースのベクター画像形式で、1.0仕様は2001年9月4日に勧告として公開されました。バイナリベクター形式とは異なり、SVGはシェイプ、パス、テキスト、グラデーション、フィルター、アニメーションを人間可読なXMLマークアップで記述し、テキストエディタで作成、スクリプト言語で処理、CSSでスタイル設定が可能です。この形式は、ベクター要素(数学的座標で定義された線、曲線、ポリゴン)と埋め込みラスター画像の両方をサポートし、JavaScriptイベントハンドリングによるインタラクティブ性、SMILまたはCSSトランジションによる宣言的アニメーションにも対応しています。SVGはプラグインなしですべての最新ウェブブラウザでネイティブにレンダリングされ、ウェブ上の解像度非依存グラフィックスの標準形式となっています — アイコンやロゴからインタラクティブなデータ可視化やアニメーションイラストレーションまで幅広く対応します。主要な利点は無限のスケーラビリティです。SVGグラフィックスはレンダリングがピクセルではなくジオメトリから計算されるため、低DPIモニターから超高解像度のRetinaスクリーンまで、あらゆるディスプレイで完璧な鮮明さを維持します。テキストベースの性質はもう1つの核心的な強みです — SVGコンテンツは検索エンジンにインデックスされ、スクリーンリーダーにアクセス可能で、標準的なウェブ技術を使用してDOMから容易に操作できます。活発なW3C仕様は最新のウェブプラットフォーム機能とともに進化を続け、レスポンシブウェブデザインに不可欠なベクター形式としてのSVGの地位を維持しています。
開発元: W3C
初回リリース: 2001年9月4日
HTML(HyperText Markup Language、ハイパーテキストマークアップ言語)は、ウェブページを作成するための標準マークアップ言語で、1991年にCERNのTim Berners-Leeによって考案され、後にW3CとWHATWGによって標準化されました。HTMLは見出し、段落、リスト、リンク、画像、表、フォーム、マルチメディア要素を定義するネストされたタグのシステムを使用してコンテンツを構造化し、CSSが視覚的表現を処理し、JavaScriptがインタラクティブ性を追加します。この言語はHTML 2.0(1995年)、HTML 4.01(1999年)、XHTML 1.0(2000年)、そして現在のHTML Living Standard(HTML5から進化、2014年公開)という主要バージョンを経て進化し、各バージョンでセマンティック語彙と機能が拡張されてきました。HTMLドキュメントはあらゆるウェブブラウザで解釈可能なプレーンテキストファイルであり、この言語の役割はウェブサイトを超えています:メールの書式設定、電子書籍コンテンツ(EPUB)、アプリケーションインターフェース(Electron、Cordova)、ドキュメントエクスポートもすべてHTMLに依存しています。普遍的なレンダリングが一つの利点です — ブラウザを持つすべてのコンピューティングデバイスがHTMLコンテンツを表示でき、現存する最も広くサポートされたドキュメント形式です。セマンティックマークアップモデルがはもう一つの強みを提供します:<article>、<nav>、<aside>、<figure>などの要素が意味を持ち、アクセシビリティツール、検索エンジンのインデックス化、コンテンツの再利用に貢献します。オープンでW3C/WHATWG管理下の仕様はベンダー独立性を保証し、HTMLのテキストベースの性質によりドキュメントはあらゆるプログラミング言語で容易に作成、検査、処理できます。
初回リリース: 1993

よくある質問

なぜSVGをHTMLに変換するのですか?

HTMLラッパーによりSVGがスタンドアロンのWebページとして閲覧可能になります — SVGビューアーを持たない人へのプレビューや共有に便利です。

HTMLファイルを開くには?

Chrome、Firefox、Safari、Edge、OperaなどのすべてのブラウザがHTMLをネイティブで開きます。VS CodeなどのテキストエディターもソースコードをオープンできOK。

SVGはHTMLに埋め込まれますか?

はい、SVGコードはHTMLドキュメント内にインラインで埋め込まれ、外部画像参照なしにグラフィックが表示されます。

変換後にHTMLを編集できますか?

はい、出力は標準のHTMLマークアップで、任意のテキストエディターやWeb開発ツールで変更できます。

SVGからHTMLへの変換は無料ですか?

基本変換はConvertioで無料です。プレミアムプランはより大きいファイルと高速処理をサポートします。

SVG〜HTML品質評価

4.1 (2,483投票)
フィードバックを提供するには、少なくとも1つのファイルを変換してダウンロードする必要があります!