BLOG最適化

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

画像編集の画像

 

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

 

ひしはり
ひしはり

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

記事に画像を
アップする時には
どちらがおすすめなの?

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

 

本記事の内容

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

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

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

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

 

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

でも実際は
全然そんな事はないので
安心して下さいね。

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

 

この記事を書いている人

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

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

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

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

解説する男性の画像

 

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

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

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

 

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

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

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

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

その対策については
「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形式で保存するのが
いいかもしれませんね。

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

 

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

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

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

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

まとめ

 

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

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

正しく意味を理解しないまま
画像をいじるのは
ブログ運営を行なっていく上で
大きなリスクになってしまう
可能性がありますので
充分に注意しておきたいところですね。

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

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

関連記事