chamotarooo https://blog.hatena.ne.jp/chamotarooo/ chamotaroooのブログ https://chamotaro.hatenablog.com/ 技術 はじめに Web のページから画像を保存すると、拡張子が .webp になっていることがある。 サイトのロゴやアイコンを探すと、.svg のファイルに行き当たることもある。 どちらも Web でよく使われる画像の形式で、ぱっと見では同じ種類のものに見える。 では、この2つは何が違い、どう使い分ければよいのか。 本記事では、次の3つの面から比べる。 絵をどう記録しているか。 どんな絵が得意か。 ファイルの中身はどうなっているか。 最後に、同じ絵を両方の形式で作り、ファイルの大きさを比べる。 本記事は2026年10月時点の情報である。 絵の記録のしかた WebP は、絵を色の点の並びとして記録する… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchamotaro.hatenablog.com%2Fentry%2Ftech%2Fwebp-vs-svg" title="WebPとSVGは何が違うのか - chamotaroooのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-10-09 15:18:21 rich https://chamotaro.hatenablog.com/entry/tech/webp-vs-svg 1.0 100%