GIFからSVG

GIF を SVG に変換

一度に100ファイルまで。フォーマットが混ざっていても構いません。

ここで GIF を SVG に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。

  • 処理される場所

    ブラウザーの中です。ファイルがアップロードされることはありません。

  • 非可逆

    サイズと引き換えに細部が失われます。SVGはGIFのすべてを保持できません。

  • ファイルサイズの上限

    1ファイルあたり100MBまで。無料、アカウント不要です。

  • 知っておきたいこと

    トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。

GIF と SVG は何のための形式か

256 色までという制約はあるものの、どこでも動く唯一の画像形式です。動画代わりに使うとファイルは何倍にも膨らみます。

XML として書かれたベクター画像。どんな大きさでも鮮明で、テキストエディターで編集できる唯一の画像形式です。

GIF を SVG に変換する手順

  1. お手元の GIF ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に SVG を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった SVG ファイル をダウンロードします。

GIF と SVG——何が変わるか

GIFとSVGの比較
GIFSVG
正式名称Graphics Interchange FormatScalable Vector Graphics
拡張子.gif.svg
メディアタイプimage/gifimage/svg+xml
圧縮方式可逆 — 何も捨てない無圧縮

残るもの

透明は保たれます。GIF も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

アニメーションは保たれます。GIF も SVG も複数フレームを持てるので、結果も動いたままです。

変換先の形式が追加で扱えるもの

SVG は作業のための形式で、GIF は完成したものを渡すための形式です。戻ってくるのはページの絵ではなく、編集できる文字です。たいていはそれがこの変換の理由であり、同時にこの変換の限界でもあります。

結果を開く

GIF は 1987 年のもので、今ではほとんど使われていません。SVG は今のプログラムが書き出す形式なので、この変換は「読める状態を保つ」という話でもあります。

ファイルサイズと品質

SVG はサンプルを生のまま持つので、ファイルは大きく膨らみ、その見返りはありません。この向きに意味があるのは、受け取る側のプログラムが GIF を扱えない場合だけで、実際たいていはそれが理由です。

どちらの形式が何のためのものか

GIF は CompuServe の形式です(1987 年に登場)。 記録は 1 チャンネルあたり 8 ビットです。

SVG は W3C の形式で、2001 年から使われています。規定は SVG 1.1 です。Inkscape、Adobe Illustrator、Figmaがこの形式を読めます。

GIF から SVG:よくある質問

GIF ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

GIF から SVG への変換は無料ですか。

はい。アカウントも透かしもなく、変換できる本数にも上限はありません。お使いの機械の上で動くので、当方には費用が発生しないからです。ブラウザーは 100 MB までのファイルを扱えます。

GIF を SVG に変換すると品質は落ちますか。

GIF と SVG は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。 トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。

SVG ファイル が GIF ファイル よりずっと大きいのはなぜですか。

SVG はサンプルを生のまま持つので、ファイルは大きく膨らみ、その見返りはありません。この向きに意味があるのは、受け取る側のプログラムが GIF を扱えない場合だけで、実際たいていはそれが理由です。

GIF から SVG にすると、透明は残りますか。

透明は保たれます。GIF も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

GIF から SVG にすると、アニメーションは残りますか。

アニメーションは保たれます。GIF も SVG も複数フレームを持てるので、結果も動いたままです。

これらのフォーマットについて

この数値の出典

このページがGIFとSVGについて述べていることは検証できます。根拠となる資料は次のとおりです。