【簡単】iphoneで撮影した写真をMacで100KB以下に圧縮する方法【サイト表示速度の改善に有効】

サイト表示速度の改善に悩む人

ブログにiphoneで撮影した写真を載せたいんですが、画像が重くてサイトの表示速度が遅いです。

圧縮ツールを使っても、なかなか軽くになりません。

何か良い方法はないですか？

今回はこんな悩みを解決していきます！

ザッキー

画像が重くてサイトの表示速度が遅いと、離脱に繋がるので改善しておきたいですね！

効果的なのは、適切な画像サイズの選択と圧縮ツールの使用です！

詳しく解説していきますね^ ^

この記事で分かること

・iphoneで撮影した写真の容量(サイズ)を変更する方法(およそ100KB以下)

・おすすめの画像圧縮ツールの紹介

悲報：iphoneで撮影した写真は容量が大きい
圧縮方法1：適切な画像サイズの選択(リサイズ)
方法2：おすすめ圧縮ツール
- Tiny PNGの使い方
まとめ

悲報：iphoneで撮影した写真は容量が大きい

最近だとiphoneでも一眼レフみたいに「ポートレートモード」で背景をボカすのが出来たりと、手軽に綺麗な写真が取れますね。

ザッキー

iphoneのカメラ性能が良すぎて、もう完全にデジカメって使わなくなりましたよねー

カメラ性能が上がって綺麗な写真が取れるようになって良いのですが、１つ注意したいことがあります。

それは…

iphoneで撮影した写真の容量がめっちゃ大きいこと。。

例えばiphone8で撮ったこの画像

なんでもない普通の写真ですが、画像の容量を見てみると…

ザッキー

まさかの1.9MB！！これは重い。。

このようにiphoneで撮影した写真って、だいたい1〜3MBくらいの大容量でかなり重いんです。。

この写真をそのままブログに貼り付けると、サイトの表示速度が遅くなって、読者の離脱に繋がります^^;

表示速度と離脱(直帰率)の関係は以下のデータが分かりやすい

・表示速度が1秒から3秒に落ちると、直帰率は32%上昇
・表示速度が1秒から5秒に落ちると、直帰率は90%上昇
・表示速度が1秒から6秒に落ちると、直帰率は106%上昇
・表示速度が1秒から7秒に落ちると、直帰率は113%上昇
・表示速度が1秒から10秒に落ちると、直帰率は123%上昇

引用：表示速度が1秒→7秒で直帰率は113%↑、モバイル向けサイトのUXはとにかくスピードが命

ザッキー

サイトの表示速度が大切な理由が分かりますね！

サイトが表示されるのが遅いと、収益の取りこぼしにも繋がるので要注意です。

ちなみにサイトの表示速度を測るには、googleの公式サービス「PageSpeed Insights」がおすすめ！

あなたのサイトのドメインを入力するだけで、サイトの表示速度がスコアで表示されます！

PageSpeed Insightsを使ってみる

※無料で使えます
※気に入ったらブックマークしましょう

そして…

サイトの表示速度を速く改善する有効な対策としては、適切な画像サイズの選択と画像の圧縮の2つ！