*

画像を高画質かつ軽くするリサイズ方法!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

関連記事

ninja250

【125ccと250ccの違い】維持費はほぼ同じ!バイク選びのコツは使い道と排気量で決める

こんにちわ紫摩です。 皆さんバイクを買われる際に重要視するのが排気量だと思います。 が、

記事を読む

cbr125サムネイル

【CBR125Rインプレ】フロント周りのデザインの評価とカウル(外装)ディティールを写真で解説。

こんにちわしまです。 CBR125Rを購入してはや一年がたとうとしています。 国産125cc

記事を読む

花粉 マスク 対策

俺流の花粉症対策!辛い症状緩和には何がいい?マスクよりも鼻炎薬を早めに飲むのがおすすめ

こんにちわ、紫摩(しま)です。 春になれば花粉の季節・・・ 皆さん花粉(症)対策ってどの

記事を読む

菓子パン牟礼

【naka(ナカ)ベーカリー】高松市牟礼町の美味しいパン屋さん情報!行き方と駐車場も併せて紹介

こんにちわ、しまです! 香川県の牟礼にある『nakaベーカリー』ってご存知ですか? 2015

記事を読む

cbr400rr

【CBR400RRをジムカーナと街乗りで使ってみて】高速域は速いが低速の取り回しはかなり難しいバイク

こんにちわ、紫摩(しま)です。 CBR400RR(NC29)の最終型を仕上げてどれだけのポ

記事を読む

DSC_0325

デジカメ初心者におすすめの撮影モードはコレだ!簡単できれいに撮れるシーンモードと露出モードのメリット

こんにちわ紫摩(しま)です。 デジカメにはオートモードをはじめ、シーンモードや露出モードなどた

記事を読む

ファミリーホーム 新築 家賃並み

“ファミリーホーム”家賃並みで新築は本当?年収が低い人も家を建てられるぞ!気になる価格と月々の支払いを安くする裏話

こんにちわ、紫摩(しま)です。 このたび新築を建てることになりました。 ハウスメーカーは

記事を読む

ニコン イメージセンサー

コンデジと一眼レフの違い!ボケ味はF値だけじゃない!センサーサイズで決まる2つの理由

こんにちわしまです。 今回はコンパクトデジタルカメラとデジタル一眼レフとの違いという事で書いて

記事を読む

DSC_0871

スナップ写真の撮り方と4つのコツ!ブログ用写真画像はオリジナルに限る

こんにちわしまです。 写真撮影と単純に言いましても記録的な物から芸術の域に達するものまで様々。

記事を読む

ホンダ CB

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

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

記事を読む

スポンサードリンク

Comment

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

  2. 名無し より:

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

    • 紫摩 より:

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

  3. ななし より:

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

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

  4. ななし より:

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

    • 紫摩 より:

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

コメントを残す

スポンサードリンク

備中松山城 岡山
お城総選挙19位!【備中松山城】現存天守のすごさを知るべし

こんにちわ、紫摩(しま)です。 先日ゴールデンウイークの休み

VTR ハイスロ 
バイク ハイスロットルのメリット、デメリット!ジムカーナで使ってみたインプレ

こんにちわ、紫摩(しま)です。 オートバイ、アクセル全開時の

串カツ 梅田 松葉
大阪梅田の串カツ屋【松葉】が超絶おいしい!地下街で立ち飲みができる“バルチカ”

こんにちわ、紫摩(しま)です。 大阪梅田の地下街においしい串カツ

グロム 16 ニーグリップパッド
後期グロム/MSX125ニーグリップパッドを自作してみた!素材は滑り止めシート

こんにちわ、紫摩(しま)です。 後期グロム(JC75)は前期型に

バイク バンク リーンウィズ コーナー
【バイクでバンクが怖い人へ】曲がらない・転倒の理由と遠心力の使い方

こんにちわ、紫摩(しま)です。 僕が免許を取ってジムカーナを始め

可倒式ステップ 可倒式ペダル
【立ちごけ対策】バイク可倒式ステップとペダル交換取り付け!バックステップだと転倒時に折れる

こんにちわ、紫摩(しま)です。 僕はライスクやジムカーナなどでバ

後期グロム 2016 ベビーフェイス
後期グロム16~【ベビーフェイス バックステップ】レビュー!交換方法 ขั้นตอนที่กลับ BABY FACE แลกเปลี่ยน・

こんにちわ、紫摩(しま)です。 いつも皆さんありがとうございます

ノンシールチェーン バイク
ノンシールチェーンってあり!?シールチェーンと比較、フリクションロスや加速、押し引きの軽さなど

こんにちわ、紫摩(しま)です。 先日YouTubeのコメントの中

2019第1戦トライコース
トライジムカーナ2019第1戦レポート 岡山バイクジムカーナ大会、優勝はやっぱりあの方…

こんにちわ、紫摩(しま)です。 今回もトライジムカーナ大会レ

Uターン 目線 バイク
【バイクUターンのやり方と3つのコツ】 

こんにちわ、紫摩です。 僕のYouTubeチャンネルで好評だった

→もっと見る

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

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

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

PAGE TOP ↑