*

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

関連記事

cbr250R 速さ 加速 ツーリング

250ccって遅い?楽しさの半分も知らずに飽きたとか言うな!大型バイクに乗り換える人が多い中途半端な排気量

こんにちわ、紫摩(しま)です。 僕はいろんなツーリンググループに参加させていただいて愛車の

記事を読む

夜景撮影

【夜景撮影がうまくなる方法】綺麗に撮れない原因はカメラの設定かも!三脚の使い方と撮り方のコツ

こんにちわ紫摩(しま)です。 デジカメ撮影の中でも特にレベルの高いシーン、それが『夜景撮影

記事を読む

クリスタルガードプロ コーティング 自動車 ボディ

『クリスタルガードプロ』レビュー!親水ガラスコーティングのメリット・デメリットと車用コーテイングの選び方

こんにちわ、紫摩(しま)です。 新車を購入してまずやっておきたいのがボディーコーティングですよ

記事を読む

チャーレム

ポケモンXY!マイナーパーティ(ポリゴンZ、チャーレム、ラムパルド、ミミロップ)でどこまで行けるか

ポケモンの楽しみはストーリーを楽しむ、図鑑を完成させる、交換する、モンスターを育てる・・・e

記事を読む

鳥の構図

日の丸構図からの卒業!一瞬でプロっぽく見える写真の撮り方とコツでアイツに差をつける!

こんにちわ紫摩(しま)です! デジカメを使って写真をうまく撮るというのは、適正露出だったり

記事を読む

大きい郵便ポスト

意外と知らないポストの選び方!郵便を入れやすい形状5選と設置する場所の違い

こんにちわ、紫摩(しま)です。 郵便配達員さんが一番接するものといえば、そう郵便ポストです

記事を読む

紅葉6

【フリー素材・無料画像集】晩秋の紅葉と冬を感じさせる風景、小物など

こんにちわしまです。 一眼レフ(Nikon D5300)で撮った写真をそのままにするのはもった

記事を読む

菓子パン牟礼

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

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

記事を読む

桜2

四国各県オススメ花見スポット!ドライブで行ってみたい”桜の名所ランキング”と駐車場情報

こんにちわしまです。 ようやく長い冬も越えて待ちに待った春到来! 春といえば、そう『お花見』

記事を読む

DSC_0871

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

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

記事を読む

Comment

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

  2. 名無し より:

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

    • 紫摩 より:

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

  3. ななし より:

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

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

  4. ななし より:

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

    • 紫摩 より:

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

コメントを残す

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

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

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

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

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

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

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

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

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

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

タクボ 物置き ガレージ 新築 倉庫 バイク
自宅に小さい物置設置!狭い土地と駐車場のフタに悩まないオススメの選び方!安いタクボGP-157のレビュー

こんにちわ、紫摩(しま)です。 男のロマンといえば“自宅にガ

タムロン 70-300 望遠レンズ ニコン
タムロン望遠レンズ70-300mm画質とAF速度レビュー!手ぶれ補正の性能は?安いレンズだが意外とおすすめ

こんにちわ、紫摩です。 2本目のレンズ選びで候補に挙がってくるの

つな講習 ニーグリップ 上半身 操り方 乗り方
ジムカーナ『つな講習』とは。3つの基礎でうまくなる!初心者~中級トレーニング集(ライン取り・ニーグリップ・回転)の紹介

こんにちわ、紫摩(しま)です。 今回は大見勝成選手が主催する

クリスタルガードプロ コーティング 自動車 ボディ
『クリスタルガードプロ』レビュー!親水ガラスコーティングのメリット・デメリットと車用コーテイングの選び方

こんにちわ、紫摩(しま)です。 新車を購入してまずやっておきたい

グリースメイト KURE ベアリンググリス
ホイールベアリングのグリスアップのやり方!おすすめ万能グリスと使い方

こんにちわ紫摩(しま)です。 今回はホイールベアリングのグリ

→もっと見る

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

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

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

PAGE TOP ↑