1. Top
  2. » 雑記
  3. » 【雑記】JPEG(JPG)とPNGの画質と容量を少し比べてみた

【雑記】JPEG(JPG)とPNGの画質と容量を少し比べてみた

ブログに載せる画像はいつもJPEG形式を使っていたが、画像のタイプによってはPNGのほうが容量が軽く、画質も良いらしいので試してみた。


先日書いた「WeBoX」の記事に使った画像もそうだったけど、ノイズが酷く、粗が目立っているのが気になっていた。ザラザラとした粗々しさ!

WeBoX0.99M フォルダ作成

ブログを始めた当初、PNGでキャプチャーした画像は容量が大きくて、一つの記事の中にいくつも載せるのはあまりよろしくないのかな?と思ったり、「PageSpeed Insights」でも修正を勧められたので画質より容量の小ささを重視していた。

そんなこんなで、もっぱらJPEG画像ばかり使っていたが、実際は形式によって得手不得手があるらしく、使い分けが肝要らしいので、自分がブログに載せそうな画像で少し試してみた。

参考にしたページ

いつもお世話になっているスクリーンキャプチャーソフト「WinShot」を使い、「JPEG(品質60)」と「PNG(24ビット)」の2種類の保存形式で画質と容量をざっくりと比較してみた。

●「Claunch」のオプション画面の上部の画像。
・JPEG 16.56KB はっきりとしたノイズが目立つ感じ。
画質と容量テスト用1(CLaunchオプション)

・PNG 6.35KB JPEGに比べると綺麗な上に容量も半分以下に。
画質と容量テスト用2(CLaunchオプション)


●「艦これ」任務画面の一部を指定して撮った画像
・JPEG 6.14KB やっぱりノイズが目立つ、輪郭もぼんやりして滲んでいるが、軽い!
画質と容量テスト用 艦これ任務1

・PNG 43.41KB 粗がなくて綺麗に見えるが、容量が大きくなった。意外と色数多いのかな?
画質と容量テスト用 艦これ任務2


●「艦これ」梅雨バージョンの高波
軽さ重視のJPEGは粗く、PNGのほうが確かに綺麗。でもデータサイズには10倍くらいの差が。

JPEG 25.05KBPNG 252.74KB
画質と容量テスト用 艦これ高波梅雨バージョン1画質と容量テスト用 艦これ高波梅雨バージョン2

キャプチャーソフト側の設定や保存時の細かい種類によって結果が変わりそうだけど、自分の状況から考えると、文字や線で構成された色数の少ないシンプルなものは「PNG」、それ以外は「JPEG(JPG)」で保存する形になりそうかな。

ゲーム画面のスクリーンショットなんかはPNGだとさすがに容量が大きくなりすぎるし、ブログの幅に合わせて縦・横幅を調整すれば、低画質JPEGの粗さも多少は目立たなくなるので、とりあえずはこういう方針でやっていこうかな。しかし結構変わるものだなあ、面白い!

画質についての印象は、ディスプレイの解像度とかによっても違うのかもな~。自分は軽い近視なので、視力が高い人にはノイズが気になっている可能性もあるか!軽くてキレイな画像を載せられるように少しずつ工夫していきたいと思います。



関連コンテンツ


同じカテゴリの記事

コメントの投稿

Comment Form
コメントの投稿
HTMLタグは使用できません
ID生成と書き込んだコメントの再編集に使用します
管理者にだけ表示を許可する

  • コメントありがとうございます!
  • 迷惑コメント対策のため画像認証&承認後表示となっています。詳しくは「免責事項、コメントの承認基準」をご確認ください。
  • マナーを守った感想・意見・情報など大歓迎です!お気軽にどうぞ!

Page Top

Trackback

Trackback URL

http://tonahazana.com/tb.php/126-93c983cc

この記事にトラックバックする(FC2ブログユーザー)

Page Top

ようこそ!
RSSアイコン twitterアイコン YouTubeアイコン
  • Author:donpappa
  • プレイしたゲーム、使用したソフト(アプリ)、通販アイテムの感想など、色々と書いている雑記ブログです。

カテゴリ
最新記事
【艦これ2016秋イベント】E-1甲掘り「秋月&初月ドロップ作戦」 対潜特化編成・装備でボスマス周回! 2016/11/30
【艦これ2016秋イベント】E-5甲ボスマス掘りで「朝風、親潮、プリンツ、ポーラ」ドロップ狙い! 2016/11/28
【艦これ2016秋イベント】E-5甲「渚を越えて」 装甲ギミック&特効艦編成で攻略! 2016/11/26
【艦これ2016秋イベント】E-5甲 スタート地点の変更/移動ギミックを攻略! 2016/11/25
【艦これ2016秋イベント】E-4甲 戦力ゲージ「シャングリラ捜索追撃 艦隊前進配備」 6戦ルート編成で攻略! 2016/11/23
【艦これ2016秋イベント】E-4甲 輸送ゲージ「シャングリラ捜索追撃 艦隊前進配備」 3戦ルート編成で周回/攻略! 2016/11/22
【艦これ2016秋イベント】E-3甲「発令!艦隊作戦第三法」 史実艦4戦ルート編成で攻略! 2016/11/20
【艦これ2016秋イベント】E-2甲「本土防空戦」 潜水艦隊&史実艦最短ルート編成で攻略! 2016/11/20
艦これ系リンク
スポンサーリンク
ブログ村参加中です!

fc2ブログランキング 人気ブログランキング
にほんブログ村 ゲームブログ 艦隊これくしょんへ にほんブログ村 その他日記ブログ 備忘録・メモへ
今月のページランキング
スポンサーリンク









最新コメント