キャプチャ画像はjpg形式とpng形式どちらで保存すればいいのか?

キャプチャ画像はPNG形式で保存した方が画質が綺麗でサイズも小さくなる?

キャプチャ画像をjpgで保存した時とpngで保存した時の違いをまとめておきます。

目次

jpg形式とpng形式の比較

同じ画面をキャプチャしてjpgとpngで保存した画像を比較してみます。

jpgは最高画質で保存しても一部の色が劣化する

png
png
png
jpg
jpg
jpgpng
175 KB158 KB

pngに比べて、jpgは一部の色がくすんで境界線も滲んで見えます。ブログでもよく使うred#ff0000の劣化は特に気になります。また、上記画像の様な色数の少ないシンプルなページをキャプチャする時は、png形式の方がファイルサイズが小さくなることがほとんどなので、jpgで保存するメリットはない気がします。

同じファイルサイズまで圧縮したらpngの方が綺麗

png
png
png
jpg
jpg
jpgpng
87 KB(圧縮前265KB)86 KB(圧縮前326KB)

色数の多いページは、jpgで保存した方がファイルサイズは小さくなりますが、同じファイルサイズまで圧縮すると、pngの方が綺麗になることもあります。jpgは保存した時点で画質や色が劣化しているからです。

圧縮することが前提なら、pngのファイルサイズはそこまで大きなデメリットではない気がします。

jpgとpngどっちで保存すればいいの?

個人的には、キャプチャ画像はpng形式がおすすめです。

png形式で保存する理由
  • pngはjpgよりも画質が綺麗(色の劣化が起きない)
  • pngの方がファイルサイズが小さくなることもある
  • pngは可逆圧縮なのでjpgに変換することができる
  • ブログサイズならそこまでファイルサイズは気にならない

pngの方がシンプルに使い勝手がいいのと、注釈を入れた時に綺麗で見やすいのもおすすめする理由です。

また、ブログサイズならファイルサイズもそこまで気にならないですし、圧縮してファイルサイズを小さくすることもできるので、気になる方はpngとjpgで保存したキャプチャ画像を圧縮してから比較してみて下さい。

ちなみに、pngは可逆圧縮ですが、jpgは非可逆圧縮です。

一度保存したjpgをpngに変換しても、劣化は戻せないので注意して下さい。

オンラインイメージ最適化ツール

最後に

キャプチャ画像の色の劣化が気になる時は、png形式で保存してみて下さい。

色数の少ないシンプルなページ程、png形式の方が画質が綺麗ですし、ファイルサイズも小さくなります。また、注釈を入れた時に色の劣化も起きないので、このブログではpngをメインに使っています。

シェアしてね!

この記事を書いた人

2024年3月6日に始まったGoogleのコアアップデートは4月19日に完了していました(一週間以上経ってからの告知)。昨年10月に続いて、今回の調整もアクセスマイナス。昨年同時期と比較すると、アクセスは1/2~1/3程度になってしまいました。ユーザーにとって使いやすい検索エンジンになっているのなら構わないのですが、個人的には欲しい情報がなかなか見つからない&到達するまでに時間がかかる様になった気がします。現状、回復の見込みはないので、検索エンジン以外の集客方法を模索した方がいいのかもしれません。

コメント

コメントする

アップロードファイルの最大サイズ: 30 MB。 画像, 音声, 動画, 文書, スプレッドシート, 対話型, テキスト, アーカイブ, コード, その他 をアップロードできます。 Youtube、Facebook、Twitter および他サービスへのリンクは自動的にコメント内に埋め込まれます。 ここにファイルをドロップ

目次