分析と広告のためのCookie
分析と広告のためにCookieを使っており、どちらもGoogleに送られます。拒否しても、目に見える動作は何も変わりません。プライバシーポリシーを読む
PNGからSVG
一度に100ファイルまで。フォーマットが混ざっていても構いません。
順番に変換し、まとめてZIPでダウンロードします。
ここで PNG を SVG に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。
処理される場所
ブラウザーの中です。ファイルがアップロードされることはありません。
非可逆
サイズと引き換えに細部が失われます。SVGはPNGのすべてを保持できません。
ファイルサイズの上限
1ファイルあたり100MBまで。無料、アカウント不要です。
知っておきたいこと
トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。
可逆のピクセル形式で、透明も扱えます。スクリーンショット、ロゴ、線画なら迷わずこれです。
XML として書かれたベクター画像。どんな大きさでも鮮明で、テキストエディターで編集できる唯一の画像形式です。
| PNG | SVG | |
|---|---|---|
| 正式名称 | Portable Network Graphics | Scalable Vector Graphics |
| 拡張子 | .png | .svg |
| メディアタイプ | image/png | image/svg+xml |
| 圧縮方式 | 可逆 — 何も捨てない | 無圧縮 |
透明は保たれます。PNG も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。
SVG は作業のための形式で、PNG は完成したものを渡すための形式です。戻ってくるのはページの絵ではなく、編集できる文字です。たいていはそれがこの変換の理由であり、同時にこの変換の限界でもあります。
SVG はアニメーションを持てますが、PNG ファイル は 1 フレームしかありません。出てくるのは絵 1 枚のファイルで、それがもっと多くを扱えたはずの形式に入っている、という状態です。
SVG はレイヤーを扱えます。PNG ファイル はすでに統合された状態で入ってくるので、結果もレイヤー 1 枚のままです。構造を取り戻すには、手で組み直すことになります。
SVG はサンプルを生のまま持つので、ファイルは大きく膨らみ、その見返りはありません。この向きに意味があるのは、受け取る側のプログラムが PNG を扱えない場合だけで、実際たいていはそれが理由です。
PNG は PNG Development Group の形式です(1996 年に登場)。 記録は 1 チャンネルあたり 16 ビットです。
SVG は W3C の形式で、2001 年から使われています。規定は SVG 1.1 です。Inkscape、Adobe Illustrator、Figmaがこの形式を読めます。
いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。
はい。アカウントも透かしもなく、変換できる本数にも上限はありません。お使いの機械の上で動くので、当方には費用が発生しないからです。ブラウザーは 100 MB までのファイルを扱えます。
PNG と SVG は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。 トレースは、絵を平らな図形として描き直します。どんな大きさに拡大してもぼやけないのはそのためです。似た色の領域どうしの境目を見つけて、その一つひとつを輪郭線で囲っていく仕組みなので、そうした領域が本当に存在するもの——ロゴ、アイコン、平塗りのイラスト、スキャンした線画——でいちばんうまくいきます。写真には平らな領域がないので、トレースはそれを作り出してしまいます。結果はポスター調になり、元より大きくなります。トレース後のファイルはお手元のファイルと比べて計測され、どちらが起きたのかをダウンロード前にページが伝えます。
SVG はサンプルを生のまま持つので、ファイルは大きく膨らみ、その見返りはありません。この向きに意味があるのは、受け取る側のプログラムが PNG を扱えない場合だけで、実際たいていはそれが理由です。
透明は保たれます。PNG も SVG もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。
SVG は作業のための形式で、PNG は完成したものを渡すための形式です。戻ってくるのはページの絵ではなく、編集できる文字です。たいていはそれがこの変換の理由であり、同時にこの変換の限界でもあります。
このページは一方をもう一方に変換します。変換ではなく選ぶ段階なら、PNG vs SVGがどちらを何に使うべきか、それぞれ何が苦手かに答えます。
このページがPNGとSVGについて述べていることは検証できます。根拠となる資料は次のとおりです。