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

SVGアイコンをWOFF Webフォントにバンドルしページを高速化

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

Web最適化

WOFFはWeb向けに設計されています — 生のTTFやOTFより速くダウンロードする圧縮フォントデータでページ読み込み時間を改善します。

SVGからアイコンフォントへ

SVGアイコンコレクションを1つのWOFFファイルにバンドル — Webサイトで多数のアイコンリクエストを1つのフォントダウンロードに置き換えます。

圧縮配信

WOFFはフォントデータにzlib圧縮を適用 — 同等のTTFより通常40%小さく、すべてのページビューで帯域幅を削減します。

SVGをWOFFへ変換する方法

1

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

2

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

3

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

フォーマットについて

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日
WOFF(Web Open Font Format)は、Jonathan Kew、Tal Leming、Erik van Bloklandによって開発され、W3Cにより2012年12月に勧告として標準化されたWebフォントコンテナフォーマットです。このフォーマットは既存のTrueTypeまたはOpenTypeフォントデータを追加メタデータ付きの圧縮コンテナにラップし、CSS @font-faceルールを使用してWebページの一部としてHTTP経由で効率的に配信するために特別に設計されています。WOFFはフォントデータにテーブルレベルのzlib圧縮を適用し、生のTTFやOTFファイルと比較して通常40〜50%のサイズ削減を達成しながら、すべてのテーブルとグリフを正確に保持します。拡張メタデータブロックにより、フォントファウンドリはライセンス情報、クレジット、説明をフォントファイルに埋め込むことができます。WOFFは実際的な行き詰まりに対処するために作成されました。タイプファウンドリは自社フォントをそのままのTTF/OTF形式(デスクトップフォントとして容易にインストール可能)でWeb上に置くことに消極的であり、一方でWeb標準コミュニティは自由に実装可能なフォント配信メカニズムを必要としていました。利点のひとつはユニバーサルなブラウザサポートです — デスクトップおよびモバイルプラットフォームのすべての現代ブラウザがWOFFをネイティブにレンダリングし、Webタイポグラフィのベースラインフォーマットとなっています。独自のファイルシグネチャとコンテナ構造はライセンス上の利点も提供し、ファウンドリにデスクトップフォントと区別可能でありながら技術的に簡潔なフォーマットを与えます。2018年3月に標準化されたWOFF 2.0はzlibをBrotli圧縮に置き換え、さらに20〜30%のサイズ削減を実現し、同様に広いブラウザサポートを獲得しています。WOFFとWOFF2は、Webデザインを少数のシステムフォントから数百万の書体選択肢へと変革したカスタムWebタイポグラフィ革命を可能にしました。
開発元: W3C
初回リリース: 2012年12月13日

よくある質問

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

WOFFはzlibでフォントデータを圧縮して高速なWeb配信を実現 — SVGアイコンをWOFFに変換することでWebサイト向けの帯域幅効率的なアイコンフォントが作成されます。

WOFFをサポートするブラウザは?

すべての現代ブラウザがWOFFをサポートします — Chrome、Firefox、Safari、Edge、Opera。現在のWebトラフィックのほぼ100%をカバーしています。

WOFFとTTFはどう違いますか?

WOFFはTTFまたはOTFデータをzlib圧縮とWeb固有のメタデータでラップします — 同じグリフ、小さいダウンロード、@font-face向けに設計されています。

WOFFとWOFF2のどちらを使うべきですか?

WOFF2はより良い圧縮を提供しますが、WOFFはより広いレガシーサポートを持ちます。@font-faceで両方を提供することで最適にすべてのブラウザをカバーします。

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

基本変換はConvertioで無料です。プレミアムプランはWebフォントプロジェクトのより大きいグリフセットとバッチ処理をサポートします。

SVG〜WOFF品質評価

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