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

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

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


気になる画像のノイズ・粗

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

WeBoX0.99M フォルダ作成

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

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

参考にしたページ

「JPEG(JPG)vsPNG」 画質と容量

いつもお世話になっているスクリーンキャプチャーソフト「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

JPEGとPNGの使い分け

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

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

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



関連コンテンツ


同じカテゴリの記事

コメントの投稿

Comment Form
コメントの投稿
HTMLタグは使用できません
ID生成用のパスワードは送信内容の確認画面で入力できます。
管理者にだけ表示を許可する

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

Page Top

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


カテゴリ
最新記事
【艦これ2017夏イベント】E-7(E7)甲「ドーバー海峡沖海戦」 最短ルート空母機動編成で「欧州棲姫」を攻略! 2017/08/22
【艦これ2017夏イベント】E-7(E7)甲「ルート追加ギミック」&「装甲破砕ギミック」を攻略! 2017/08/22
【艦これ2017夏イベント】E-6(E6)甲〈戦力ゲージ〉「マルタ島沖海戦」 機動部隊編成で「空母夏姫」を攻略! 2017/08/19
【艦これ2017夏イベント】E-6(E6)甲〈輸送作戦〉「マルタ島沖海戦」 空母機動部隊編成で「港湾夏姫」攻略! 2017/08/18
【艦これ2017夏イベント】E-6(E6)丙「Luigi Torelli(ルイージ・トレッリ)」掘り周回!「アクィラ、ローマ」ドロップも有り! 2017/08/17
【艦これ2017夏イベント】E-5(E5)甲「地中海への誘い」 欧州艦編成で「戦艦夏姫」を攻略! 2017/08/17
【艦これ2017夏イベント】E-5(E5)丙「松輪」掘り周回!リットリオ・リベッチオ・択捉ドロップも! 2017/08/16
【艦これ2017夏イベント】E-4(E4)甲〈後半第二ゲージ〉「紅海:遙かなるスエズ」 水上打撃部隊編成で「戦艦仏棲姫」を攻略! 2017/08/15
スポンサーリンク
艦これEO&定期任務

Extra Operation


ウィークリー任務


マンスリー/クォータリー任務

ブログ村参加中です!

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



“艦娘乃歌" Vol.2
Amazon:“艦娘乃歌" Vol.2
「劇場版 艦これ」Blu-ray限定仕様
Amazon:「劇場版 艦これ」Blu-ray限定仕様
Amazon:艦隊これくしょん -艦これ- 4コマコミック 吹雪、がんばります!(10) (ファミ通クリアコミックス)
Amazon:艦隊これくしょん -艦これ- 4コマコミック 吹雪、がんばります!(10) (ファミ通クリアコミックス)
艦隊これくしょん -艦これ- 電撃コミックアンソロジー 佐世保鎮守府編14 艦隊これくしょん -艦これ- 佐世保鎮守府編 (電撃コミックスNEXT)
Amazon:艦隊これくしょん -艦これ- 電撃コミックアンソロジー 佐世保鎮守府編14 (電撃コミックスNEXT)
艦隊これくしょん ‐艦これ‐ コミックアラカルト 舞鶴鎮守府編 十五 (角川コミックス・エース)
Amazon:艦隊これくしょん ‐艦これ‐ コミックアラカルト 舞鶴鎮守府編 十五 (角川コミックス・エース)
艦隊これくしょん -艦これ- 止まり木の鎮守府5 (電撃コミックスNEXT)
Amazon:艦隊これくしょん -艦これ- 止まり木の鎮守府5 (電撃コミックスNEXT)
最新コメント