TOPページの3つの記事は去年の今頃いた場所です

ブログの写真が粗くなるのはなぜなのか?容量を少しでも減らす方法

ブログの写真が粗くなるのはなぜなのか?容量を少しでも減らす方法

ブログを作って撮った写真を載せていますが、画質が粗くて困っています。ブログの動作を出来るだけ快適にするため画像を圧縮しましたが、他のブログを見ていると軽く動作し、綺麗な写真が見れるのが多いです。

 

画像をワザと粗くする理由

 

とらぶった
最初は綺麗な写真を載せてたんだけど、凄く重くなっちゃったんだよね

 

コン太郎
ブログの重さを調べるツールでチェックだコン!

 

とらぶった
それがこのサイト。URLを張ってサイトの重さをチェック。点が高い方がいいぞー

 

PageSpeed Insights

 

https://developers.google.com/speed/pagespeed/insights/?hl=ja

 

とらぶった
62点かぁー 僕のブログは改善の余地がまだありそうだなぁ

 

こちらのサイトで重さをチェックし、写真の容量が大きいという事で画像を圧縮し、快適に動かせるようにしようと思いました。出来る限り画質を落とさず、容量を減らす。ブログ制作の難しい所だと思います。

 

コン太郎
圧縮するのは凄い簡単だからやってみるんだコン!

 

私が使っている圧縮ソフトはCaesium。画像をまとめてサイズ変更が出来るソフトRalphaです。どちらも無料。私の場合画像容量が大きすぎ、圧縮率を高めに設定してしまったため画質が粗くなってしまいました。 ネットで調べた通りにやったのですが、荒いままでした。

 

 

ブログ制作WordPressの画質問題

 

wordpressは画像をアップロードした時、画質が90%に落ちるそうです。実はこの現象、他のブログでも起こる事があるそうです。

もう一つWordPressの人気プラグインJetPack。このプラグインは集計、セキュリティーなど色々な機能がセットで入った人気プラグインです。その機能の一部PhotonをOFFにする事で画像も綺麗になります。

プラグインは色々な機能が追加出来て便利ですが、入れ過ぎると把握出来なくなってしまうので、無暗に入れるのはやめといた方が良いでしょう。

 

縮小と圧縮。順序の違い

 

とらぶった
コン太郎~。 質問なんだけど、

圧縮→画像サイズの縮小 1

画像サイズの縮小→圧縮    2

この順番の違いで何か変わると思う?

 

コン太郎
同じ画像サイズで圧縮率も同じにするんだから、容量も同じになるはずだコン!

 

とらぶった
ブッブ~違うよ。実は僕もずっと、そう思ってたんだー。

 

とらぶった
実験してみたら全然違ったんだよねこれが

 

画像サイズは525×295px。 圧縮率の違いも比べてみてください。

順序は 最高画質、80%圧縮、70%圧縮の順番です。

 

 

コン太郎
見比べた感じだと違いがそこまでわからないコン

 

とらぶった
スマホで見るともっとわからないよ!

 

今度は縮小→圧縮。 圧縮→縮小の順番です。圧縮率は両方80%

 

縮小→圧縮

圧縮→縮小

 

 

とらぶった
上2つの画像は同じ80%圧縮だけど、圧縮と縮小の順序が違うんだー

 

コン太郎
違いが分からないコン。

 

とらぶった
フッフッフ。画質は同じなんだけど容量が違うのさ!!

 

コン太郎
コ~ン? どれほど違うんだコンかね?

 

圧縮→縮小 184kb  縮小→圧縮 95kb

同じサイズで圧縮率も同じ。それなのに2倍近く差が出ました。

コン太郎
!!

 

圧縮率90%の場合 圧縮→縮小 198kb 縮小→圧縮 168kb

それで90%と80%の差が圧縮→縮小の場合14kb。それに比べ縮小→圧縮の場合73kbも差が出ました。圧縮作業をするのであれば、縮小から始めた方が絶対にいいです。

 

とらぶった
見た目が変わらないから気にしない人もいるかもしれないけど、これから気をつけてね!

ブログカテゴリの最新記事