BLOG最適化

画像の「圧縮」と「縮小」の違いをわかりやすく徹底解説!

画像編集の画像

 

こんにちは。
必死に張り切る ひしはり です。

 

ひしはり
ひしはり

画像の「圧縮」と「縮小」って何が違うの?

記事に画像をアップするときにはどちらもしなくちゃならないの?

本記事では
このような疑問にお答えします。

 

本記事の内容

❶ 画像の「圧縮」と「縮小」の違いを徹底解説!

❷ 「可逆圧縮」「不可逆圧縮」という2通りの圧縮

❸ 画像を保存する2つの形式「PNG」と「JPG」

❹ 画像が劣化しやすい「JPG」形式

 

ブログ初心者の方には
画像の「圧縮」「縮小」と聞くと
専門的な知識が必要でむずかしそうに
感じてしまいますよね。

私も最初はそう思いました(笑)

でも実際は
全然そんなことはないので
安心してくださいね。

本記事を読めば、
ブログにアップする画像はしっかりと
「圧縮や縮小をする必要がある」
ということがわかってもらえて
ブログ運営での画像効果を
最適化することができますよ!

 

この記事を書いている人

この記事を書いている私はブログ歴4年目

現在は本業のサラリーマンの傍ら副業ブロガーとして活動しています。

Twitter(ひしはり人生再構築ブロガー)のフォロワーは1800人ほど。

画像の「圧縮」と「縮小」の違いを徹底解説!

解説する男性の画像

 

画像の「圧縮」「縮小」
どちらもファイルの容量を
小さくするといった意味合いでは
同じですが、その内容は
実はまったくの別ものなんです。

そんな似ているようで似ていない
「圧縮」「縮小」ですが、
ブログ運営を行なっていく上で、
画像の圧縮や縮小といった
編集は非常に重要な要素です。

画像の「圧縮」と「縮小」はブログ運営には必須!

 

見た目の印象も記事に
画像があるのとないのとでは
ずいぶん変わって来ます。

伝わり方といった面から見ても
画像があるほうが
より見やすさがアップしますし、
より伝わりやすくなるのは
間違いないですよね。

そんな画像ですが、
ブログ記事に
「アップ(アップロード)」する際には
アップする画像の「圧縮」「縮小」
行う必要があります。

圧縮や縮小をしないまま
記事にアップし続けると
ブログの表示速度や読み込み速度が
どんどん遅くなってしまい
ブログ運営に悪影響が出てしまいます。

その対策としては
「I LOVE IMG」という
「無料の画像圧縮ツール」を使うことで
初心者の方にも
かんたんに行うことができます。

くわしくは以下の記事に
わかりやすくまとめていますので
合わせてぜひ、参考にどうぞ!

 

画像編集の画像
初心者でも簡単!画像の圧縮・縮小なら「I LOVE IMG」サイトやブログにアップする画像を初心者でもかんたんに圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたいですか?本記事では初心者でもわかりやすく画像付きで解説しています。初心者でもかんたんに画像を圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたい方はぜひ、記事をご覧ください!...

 

それではいったい、
画像の圧縮と縮小が
どのように違うのかを
わかりやすく解説して行きたいと
思います。

 

【圧縮】

「圧縮」とは
画像の大きさ(サイズ)はそのままで、画像ファイル自体の
物理的な容量を小さくすることをいいます。

 

【縮小】

「縮小」とは
画像そのものの物理的な
大きさ(サイズ)を小さくすることをいいます。

 

ひしはり
ひしはり
ムムム、ややこしや(汗)

 

わかりやすく例をあげると、
等身大の「人型ロボット」
あるとしますね。

材質は金属でできているとします。

 

人型ロボットの画像

 

このロボットの重量(容量)を
軽くするには、
大きさは変えなくても
ロボットの材質を金属よりも軽い
プラスチックなどに変えるか(圧縮)
単純にロボットの材質(金属)は変えずに
大きさを小さくする(縮小)かです。

どちらも重量(容量)は
軽くなりますが、
その内容はまったくの
別ものですよね。

このように「圧縮」「縮小」では
ファイルの容量を小さくする
といった点では
どちらも共通していますが、
その内容は別ものなんですね。

「可逆圧縮」「不可逆圧縮」という2通りの圧縮

圧縮ボイラーの画像

 

さらにファイルの「圧縮」には
大きく分けて2通りあります。

1つ目はデータの内容を保ったまま
ファイルの容量を削減する圧縮です。
(Zip・Lzh・PNG等)

2つ目はデータにある程度、
劣化(粗さ)が出ることを
承諾することによって
大幅にファイルの容量を
削減する圧縮です。
(JPG等)

どちらもファイルの容量を
軽くする圧縮ですが、
1つ目の方は「可逆圧縮」といって
ファイルを解凍すれば
ファイルの容量が元に戻ります。

それに対して2つ目は
「不可逆圧縮」(または非可逆圧縮)
といって画像の劣化や粗さが出た部分は
元には戻りません。

「可逆圧縮」

データの内容を保ったままファイルの容量を削減。
ファイルを解凍すれば削減した容量が元に戻る。

「不可逆圧縮」

劣化を承諾することによってファイルの容量を大幅に削減。
画像の劣化や粗さが出た部分は元には戻らない。

 

画像を保存する2つの形式「PNG」と「JPG」

紙の草を食べようとするヤギの画像

 

画像を保存する形式として
一般的に利用されているのは、
「PNG」「JPG(JPGE)」
という形式です。

それぞれ以下のような
特徴があります。

 

【画像保存の形式】

PNG形式・・・画像は鮮明だが容量が大きい。
JPG形式・・・画像が劣化しやすい(粗い)が容量は小さい。

 

ここで悩んでしまうのが、
どちらの形式で画像を保存するのが
いいのかということですよね。

画像が劣化しやすい「JPG」形式

劣化の画像

 

「JPG」形式は、
「PNG」形式とくらべて
画像を圧縮すると
劣化しやすいんですね。

ですが、フリー画像サイトなどから
ダウンロードして来た画像は、
JPG形式で圧縮しても
画像の劣化は
ほとんどわからないレベルです。

ただし、
画像をテキスト(文字)入りに
編集した場合は劣化しやすいので
注意が必要です。

どうしても劣化した粗さが
気になる場合は、
PNG形式で保存するのが
いいかもしれませんね。

テキスト(文字)入りに編集した画像は劣化しやすい!

 

いずれにせよどちらの場合も
ファイルサイズの「容量」
小さくすることを
総じて「圧縮」と呼んでいます。

私はブログ記事に
画像をアップする際には、
画像を縮小してから圧縮しています。

ダブルで画像の容量を
小さくするための
方法をとっているわけですね。

そうすることでブログ記事に
画像が増えて来たとしても
表示速度や読み込み速度が遅くなることを
防ぐことができるんですね。

先ほどご紹介した
WordPressプラグインの
「I LOVE IMG」という
「無料の画像圧縮ツール」を使うことで
初心者の方でもかんたんに
画像の「圧縮」「縮小」
できるようになりますからね。

 

画像編集の画像
初心者でも簡単!画像の圧縮・縮小なら「I LOVE IMG」サイトやブログにアップする画像を初心者でもかんたんに圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたいですか?本記事では初心者でもわかりやすく画像付きで解説しています。初心者でもかんたんに画像を圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたい方はぜひ、記事をご覧ください!...

 

まとめ

 

今日はブログ記事に必要不可欠な
画像の「圧縮」「縮小」の違いについて
わかりやすくご紹介して来ました。

どちらも同じようなことだと
かん違いしやすく
似ているようで似ていない
ややこしさがありますが、
この機会にしっかりと
おぼえておきましょう。

正しく意味を理解しないまま
画像を取り扱うのは
ブログ運営を行なっていく上で
大きなリスクになってしまう
可能性があります。

じゅうぶんに
注意しておきたいところですね。

こういった地味な作業の積み重ねが、
結局はブログの読みやすさにつながって
ブログに訪問していただいた
読者の方のためになりますから
しっかりと対策して行きたいものです。

画像の取り扱いについて
しっかりと「圧縮」「縮小」で対策し、
よりわかりやすい記事を
作成して行きたいと
必死に張り切る ひしはり でした。
今日はここまで。

関連記事