*

画像を高画質かつ軽くするリサイズ方法!JPEG設定で圧縮はどう変わるのかRalphaで比較

4,1,1(画質100)
こんにちわしまです。
みなさんブログやネット上に画像をアップロードするときにリサイズってもう活用してますよね。
使いやすいフリーソフト『Ralpha』ではどのようなことができるのか。

リサイズの使い方というのはすでに多くのサイトが取り扱っていますので、今回は”RalphaのJPEG設定”について検証していきたいと思います。
ただ、どんな使い方をするのかということに興味がない人が多いので今回覚えて帰ってくださいね。

SPONSORED LINK

JPEG(ジェイペグ)とは非常に軽い圧縮方法

皆さんもよく耳にしたことがあると思います「JPEG」という用語。
これは簡単に言いますと人間の目で認識できない余分なデータを省いて写真や画像を軽いサイズに圧縮できる方法です。
非可逆圧縮という事で、PNGやGIF(可逆圧縮)とは違い、一度JPEGで圧縮(保存)してしまうと元には戻せない仕組みになっております。

しかも保存を繰り返すことによってどんどん画質が劣化していくというおまけつき。
こればっかりはバランスのいいJPEGの唯一の欠点ですね。
カメラで一般的に使用されている保存形式がこの”JPEG”になります。

GIFとPNGとJPEGの違い

PNGとJPEG違い JPEGとPNGの違い
保存形式はJPEG(ジェイペグ)の他にGIF(ジフ)とPNG(ピング)が有名ですね。

上では設定画面を二通りの保存方法でキャプチャーしました。

左画像(スマホでは上)がPNGの24kBで右画像が( 〃 下)JPEGの25kBクリックで拡大。
(あとで説明しますが、このような色数の少ない画像ではPNGの方が圧倒的に高画質で保存できます。)

誤解を恐れずに言いますと、GIFとPNGはほぼ同じで”可逆圧縮”を用いた保存方法。
GIFの特許に替わって開発されたのがPNGで、GIFは256色のみですがPNGはJPEGと同じ約1678万色のフルカラーで表現できるところ。
(現在はほとんどGIFは使われずにPNGが利用されています)

しかもPNGは「劣化のない超高画質」で保存できるので同じファイルサイズならJPEGよりも画質がよくなるというメリットもあります。
※ただし『写真』のような色数の多い画像をPNGで保存したとき、JPEGに比べ倍以上(3倍近く)ファイルサイズが大きくなるというデメリットを持っています。

その他には場合によっては専用ソフトがないとPNGを表示できない事もあるというところでしょうか。

JPEGは写真向き、PNG(GIF)はロゴ向き

0
上の画像は全く劣化しない拡張子、PNGでのリサイズ。(4.40M→1.22M)

それぞれの利点を生かすなら、圧縮劣化の目立たない「写真」にはJPEG。「ロゴ」などの色数の少ないシャープな画像にはPNG。
という使い分けをします。
もちろん写真をPNGで保存するのは画質の面で見ても間違いではありません。
ただweb上に「写真」をアップロードする際は最終的にJPEGの方が軽くなるということですね。

RalphaでのPNG設定方法

png設定方法
この圧縮レベル(0~9)を変えると若干軽くなったりはするのですが、可逆圧縮のPNGは圧縮レベルを変えても見た目は”全く”変わりません。
しいて言うなら9の方が軽いですがせいぜい100kB程度。ほとんどいじる意味がないと考えて問題はないでしょう。

web上に軽いファイルを使うメリットとデメリット

“ウェブ上”とは、ここではブログやホームページを差し、それに使う画像(写真)のことを言います。
本当なら圧縮もしないそのままの最高画質で保存できるBMP(ビットマップ)が一番いいのですが、そんなバカでかいファイルサイズの画像をアップロードしようものなら「ページは遅い、サーバーにも負担はかかる、ユーザーがすぐページを閉じちゃう…」なんてことにもなりかねません。

まぁ、アップロードできるMAX容量も指定がありますし最近のスマホやPCは高性能なためほとんど関係ないとは言いますが、ファイルデータ容量が軽いに越したことはありません。
※みんながみんなハイスペックPCを使っているわけでもなければタブをたくさん開いて作業しているかもしれない。

軽いファイルサイズの写真や画像はページ速度が速くなり読み込み時間が短縮され観覧者にストレスを与えないという、非常に大きな意味合いもあるのです。

画質の劣化とは隣り合わせ

ただ、ファイルサイズを小さくするということは画像データを圧縮をするという事で、当然画質の劣化が伴います。
画質の劣化、極論を言えばサイトの商品価値を下げることにもつながります。きれいな画像と汚い画像とでは説得力が違います。特に販売系のサイトでは悩ましいところですね。

JPEGのいいところは、段階的に圧縮率(仕上がり画質)を任意で変えられて必要に応じてファイルサイズを変えられるという点。
リサイズフリーソフト「Ralpha」で圧縮ファイルサイズと画質劣化を比較してみようと思います。

Ralphaのジェイペグ(JPEG)設定

jpeg設定へ行く
このRalphaは一度に多くの写真や画像を一括でサイズ変更できる超優れもののフリーソフト。

→リンク『Ralphaダウンロードサイト』

ただ画像サイズを小さくすればいいという単純な考えでリサイズしてませんか?
はい、僕のことですね。
もっと圧縮できたり逆に画質を生かしたりと、使う画像によってファイルサイズを効率よく変えてみましょう。

JPEG設定でできる事

JPEG設定を開く
さてメニューバーからJPEG設定をクリックして飛んでもらうとこのような画面が出てきます。

  • 品質
  • サブサンプリング
  • スムージング
  • DCT演算方法

上の方に表示されているこの4種類を主に使ってファイルサイズを管理します。
それ以降の項目はジャンル違いなのと特に必要ないので割愛。

※ただし、一番下の『プログレッシブJPEG』とは画像の表示方法の事で、通常は上から順に表示していきますがこの方式はぼやけた状態から徐々に鮮明になっていくというもの。
現在のPCやスマホのスペックではほぼ無意味な機能ですがチェックを入れていただけるとちょっとだけファイルサイズが小さくなります。

品質

早い話がファイルサイズの事。これと画質は密接な関係があり一番注目してほしい部分。
数字を下げると軽く荒く、反対に上げると重く高画質になります。

サブサンプリング

これは輝度と色の情報(色差成分)をどれだけ使うか、反対にどれだけ間引くか、という設定。(あとで詳しく解説)

スムージング

画像をぼかすことのできる機能。基本は0で100まで設定できます。

DCT演算方法

高精度整数と浮動小数があり、画像の圧縮処理で行われるDCT演算方法。
浮動小数の方が若干軽くなりますが画質の違いはわからない。特に変更しなくてもよいので画質の違いは載せていません。

圧縮率と画質の違い

jpeg設定をpngで
一番重要で一番わかりやすい左上の『品質』という設定部分。
ここは0~100の範囲での細かい設定で画質とファイルサイズの変更ができます。

品質100

高度整数(画質100)
ファイルサイズ 537kB

品質90

画質90
ファイルサイズ 190kB

品質70

画質70
ファイルサイズ 127kB

品質50

画質50
ファイルサイズ 108kB

品質30~10

画質30 画質20 画質10
画質1
品質30……95kB
品質20……87kB
品質10……78kB
品質1………70kB

このあたりになるとファイルサイズはすごく軽量になる代わりに画質が荒すぎるので使うことはないでしょう。

品質は90が理想的

スマホユーザーの方には違いがわかりにくくてすみません。
ファイルサイズを見てもらうと、品質100の537kBに比べ品質90は190kBと半分以下のファイルサイズになりました。
画質劣化もほとんどわからないレベルでファイルサイズがおよそ半分以下という事で、これが理想的かなと思います。

品質70以下になると細かい部分(写真では髪など)で潰れが起こってきています。
ホントは1単位で変更できますが違いを分かりやすくするために大幅に変更しています。

サブサンプリングとは

サブサンプリングを使う
冒頭で色差成分をどれだけ使ったり間引いたりするかといいましたが、わかりやすく説明すると色情報のカットでファイルサイズを減らそうじゃないかというもの。
これをサブサンプリング比といいます。

それぞれY(輝度):Cb(青成分):Cr(赤成分)の縦横比を数値化したものでファイルサイズにもつながってきます。

  • 4:4:4(間引きなし)
  • 4:2:1
  • 4:2:0
  • 4:1:1

上から単純に高画質(ファイルサイズ大)~低画質(ファイルサイズ小)となっています。
4:2:0で色差成分を約3/4~1/2カットといわれています。 ヘルシーですねぇ。

4:4:4(間引きなし)

jpg3(4,4,4)jpg3(4,4,4)拡大
ファイルサイズ 727kB

4:2:1

jpg3(4,2,2)jpg3(4,2,2)拡大
ファイルサイズ 515kB

4:2:0

jpg3(4,2,0)jpg3(4,2,0)拡大
ファイルサイズ 398kB

4:1:1

jpg3(4,1,1)jpg3(4,1,1)拡大
ファイルサイズ 383kB

間引き(カット)していくにつれて確実に画質が低下していきます。
正直写真ではそれほど違いはわかりませんでしたので単純な色調の画像で比較。
ましてやブログで使う用途なら4:2:0で十分かもしれません。(最低画質とさほど容量が変わらないため)

スムージングとは

画像を軽くぼかすことのできる設定。(0~100)
スムージングをかけていくことで多少ファイルサイズを小さくできます。
しかし特別な使用方法以外では基本的に使わない部分です。

スムージング50

スムージング50
ファイルサイズ 495kB

スムージング100

スムージング100
ファイルサイズ 399kB

画質劣化とは違ってきれいに全体にぼけていますが、これを使うことはめったにないかと思われます。

カメラでの撮影画質の影響

お持ちの愛機のカメラを確認していただきたいのですが、画質モードという設定項目があると思います。
みなさんはどの画質で写真を撮っていますか?Fine?Basic?

「FINEだとアップロードに制限ができて枚数稼げない」
「どうせ圧縮してしまうのだから最低画質でいい」
というような声を耳にしたことがあります。

僕は断言します、“撮影は最高画質で撮るべき”だと。

朝日山森林公園
これは僕が数年前にスマホで撮った写真。当時はよくても今見るとひどい画質。

10年前と現在ではPCもそうですがカメラも画像や画質が飛躍的に上がっています。
サイトだって今と昔じゃクオリティが全然違います。
そんな今の時代に圧縮しすぎた粗い写真を使い続けるのはバランスが悪い。

低画質と最高画質のファイルサイズの違い

カメラの画質モードをJPEGベーシックとJPEGファインの2種類を比べてみます。
正確にはこれはRAW画像をそれぞれ圧縮方法を変えて表現しています。

ファイン

最高画質
ファイルサイズ:4044kB→333kB(PNGは934kB)

大きさ:2990×1993pix(590万画素)→800×533pix(42万画素)
※リサイズはすべて最高画質でやっています。

ベーシック

最低画質
ファイルサイズ249kB→294kB
大きさは2990×1993pix→800×533pixで統一。

パッと見では気づかないと思いますが、暗いところが粗いのがおわかりでしょうか。
ボディの黒いパネルや池の影などがそう。

リサイズするとファイルサイズはほぼ同じなのに最終画質に大きく影響します。
最高画質で撮影してもリサイズすれば結局同じようなファイルサイズになるのならもともときれいに撮ったほうがいいに決まってます。

JPEGは軽い上に画質劣化も少ない優等生拡張子

おさらいしますとJPEGは非可逆圧縮なので元には戻せません。
カメラで撮影(JPEG保存)→リサイズ(JPEG保存)と最低でも2回保存している間に2回画質劣化させていることになります。
※RAW撮影(撮影モード)では圧縮していないので劣化していません。

フォトショップで加工したりアップロード画像をさらに保存しなおすともっと劣化します。
しかし任意で圧縮レベルを変える事ができるので使う画像によって大きくも小さくもできるのがJPEG。

逆にPNGは劣化しない代わりにファイルサイズがとても大きくなってしまうデメリット。
※ただし256色以下の単純な色数の場合はファイルサイズはとても小さくできます。

Ralphaでベストな設定の組み合わせ

JPEGでリサイズして、できる限りファイルサイズを軽くしても画質に劣化の少ない組み合わせをご紹介します。参考までにどうぞ。

best
まずカメラでは最高画質で撮ってください。これが大前提です。

  • 品質 90
  • サブサンプリング 4:2:0
  • DCT演算方法 浮動小数
  • プログレッシブJPEG

この組み合わせで4044kB→146kBまで圧縮できました。

146kBくらいまで抑えられれば超軽いのでサーバーへの負担も減ります。
JPEGを理解して必要のないものはカット、必要に応じて使い分けるということが大事なのかもしれませんね。

とても長くなりましたがRalphaでのJPEG圧縮方法でした!

SPONSORED LINK

関連記事

BT39SS CBR125Rタイヤ

BT39SSのフロントタイヤインプレ!TT900GPとのハンドリングの違い。CBR125Rで使ってみた

こんにちわ、紫摩(しま)です。 CBR125Rのフロントタイヤ、以前はダンロップのTT900G

記事を読む

スマホカメラ

デジカメに勝てる!スマホカメラで綺麗な写真が撮れる4つのコツ!一眼レフユーザーがオススメする撮り方

こんにちわ紫摩(しま)です。 皆さんは写真はスマホ派ですか?デジカメ派ですか? 『スマホ

記事を読む

ライン

LINE(ライン)パズルゲームアプリ6選!面白さランキング&5段階評価で比較してみたゾ

こんにちわ、しまです。 皆さんもうLINEはご存知ですよね!そんなラインの友達間でポイントを競

記事を読む

軽自動車届出済証 バイク 名義変更

バイクを貰った時の名義変更のやり方【250cc編】必要な準備物と金額、流れを紹介!

こんにちわ、紫摩(しま)です。 今回このようなテーマを書こうと思ったのも、実はジムカーナ用

記事を読む

DSC_0873

2015母の日のプレゼント、ギフトの選び方!何をあげたらいいか迷ったら郵便局へ行こう!

こんにちわしまです。 5月10日(日)は、そう母の日ですよね。皆さんどのようなギフトやプレゼン

記事を読む

DSC_0340

秋祭りといえば獅子舞!牡丹くずしと平獅子の違いとは!?三木町天野神社の獅子舞の詳細!

こんにちわ、しまです。 秋といえば食の秋、読書の秋、芸術の秋といろいろありますが、祭りの季節でもあ

記事を読む

琴参閣

香川県人気ナンバーワン、琴参閣をレビュー!ことひら温泉日帰りプランの評価と楽しみ方!

こんにちわしまです。 香川県は琴平にあります、『琴参閣』はご存知ですか? 人気の高級旅館

記事を読む

手書きイラスト

【Photoshop線画抽出方法】イラスト画像を綺麗に編集するフォトショの使い方!

こんにちわしまです。 Photoshop(フォトショップ)を使っていろいろ加工や編集が出来ることは

記事を読む

20141013_190033

“デジタル一眼レフvsビデオカメラvsスマホ”動画撮影の画質や音質はどう違うのか?気になる3種類を撮り比べして比較!

こんにちわ、しまです。 今回は”動画撮影の違い”ということで対極にある機種、一眼レフとビデオカメラ

記事を読む

ホンダ CB

タンデムをもっと楽しくする人気のバイク用品3選!快適にツーリングできるグッズがほしい!

こんにちわ、CBR125R乗りのしまです。 バイクを一人でいじって走って風を感じるのももちろん

記事を読む

Comment

  1. […] 「画像を高画質かつ軽くするリサイズ方法!JPEG設定で圧縮はどう変わるのかRalphaで比較」 より […]

  2. 名無し より:

    大量の画像をリサイズするにあたり、本記事のソフトをDLして使用しようとしておりました。
    とても参考になりました、どうもありがとうございました。

    • 紫摩 より:

      コメントありがとうございます!
      参考になられたようでこちらも嬉しく思います。
      またいろいろと書いていきますのでよろしくお願いします^^

  3. ななし より:

    丁寧で細かな検証たいへん参考になりました

    ひとつ気になった点がサブサンプリングとはの項
    ダウンサンプリング4:2:0、カットで言えば1/3ではないでしょうか

  4. ななし より:

    連投すみません1/3じゃない”3/4”の間違いです(汗

    • 紫摩 より:

      コメントありがとうございます。
      僕もこの記事を書く際にいろいろと調べたのですが、3/4カットと迷いましたが1/2カットという情報が多かったのでそれを引用しました。
      実際僕は計算がよくわからないのでご指摘いただいた事を踏まえて訂正させていただきます。ありがとうございました!

コメントを残す

ドルツ パナソニック 音波振動歯ブラシ
電動歯ブラシレビュー【パナソニックEW-DE55ドルツ】手磨きには戻れない理由!おすすめポイントと安いものとの違い

こんにちわ、紫摩(しま)です。 久々の商品レビューということで今

トライジムカーナ 2017 第2戦 坂出 香川
【トライジムカーナ2017第2戦レポート】20名超えの昇格者が出た猛暑の坂出大会!新連載コース攻略法やリザルトなど

こんにちわ、しま(紫摩)です。 2017年7月30日にジムカーナ

エーテック フェンダーレス VTR250
VTR250フェンダーレス化(エーテック)LEDテールランプ配線加工と取り付け方

こんにちわ、紫摩(しま)です。 今回の商品レビューはVTR250

DSC_0410
簡易テント“カンタンタープ”のおすすめポイント!揃えておきたいオプションと商品レビュー

こんにちわ、紫摩(しま)です。 今回は簡易テント(タープ)の

バイク スプリング フロントフォーク
ハイパープロのスプリングに交換!競技と街乗りでの比較レビュー。VTR250で使ってみた評価はまずまず

こんにちは!紫摩(しま)です。 今回のレビューは『ハイパープ

バイク タイヤ交換 手組み タイヤレバー
【バイクのタイヤ交換】女性でも簡単にできるコツと手順!タイヤチェンジャーを使わない手組みの方法、準備物の紹介

こんにちわ、紫摩(しま)です。 今回は『バイクのタイヤ交換』

才谷屋ファクトリー VTR250 インナーフェンダー 取り付け
【VTR250インナーフェンダー取り付け】才谷屋ファクトリーがおすすめ!ガルアームみたいなデザインがかっこよすぎる

こんにちわ紫摩です。 VTRのインナーフェンダー(リアフェンダー

トライジムカーナ2017第1戦
【トライジムカーナ2017】開幕戦レポート!つな選手に訊くコースの攻略法と気になるフリーセクション

こんにちわ、紫摩(しま)です!大見勝成選手と大見有希選手が主催する“

むち打ち 交通事故 対策 痛い
【むち打ちの症状】辛い、痛い、長引く!日常生活にも支障をきたす厄介な怪我

こんにちわ、紫摩(しま)です。 今年に入って追突事故に遭ったと前

事故 交通事故 追突事故 対応 流れ
追突事故に遭ってしまった!事故対応の流れと通院、保険会社への連絡や説明のやり方

こんにちわ、紫摩(しま)です。 今回はちょっと暗いテーマ、人

→もっと見る

  • mysimasima筆者、紫摩(しま)のプロフィール

  • メールアドレスを記入して『送信』で、
    更新情報を無料で通知してくれます(^^)

    33人の購読者に加わりましょう

PAGE TOP ↑