兵庫県三田市でホームページ製作をしているゴリラドットです。

ブログやホームページに載せる画像、写真、ちゃんと最適化していますか?スマホで自分のブログやホームページを見たときになんか表示がもたもたするなー、遅いなーというのは画像の最適化ができていないからかも。

というコトでここではブログやホームページにアップロードする前におすすめの画像最適化について紹介したい。また、画像最適化はSEO対策としてもたぶん最優先事項だと思うので、SEOを意識しているなら絶対にやっておこう。

 

結論:Tinypngを使おう

画像、写真の最適化ってなんなの?どういった処理なの?とかは記事下部にまとめるとして、とりあえずブログやホームページにアップロード(載せる)画像はTinypngという無料サービスにとりあえずポーンと放り込むのが一番おすすめ。

https://tinypng.com/

 

なんか実写っぽい?カンフーパンダみたいなパンダが表示されてるTinypng。ここに最適化したい写真をポンポンドラッグして放り込んでいけばOK。

その後の画面でどれくらいちっちゃくなりました!削減できました!てのが表示され、写真によっては80%くらい削減できてて驚異の数字にびっくり!…する人もいると思う。ひとしきりびっくりした後は「Download」を押すだけ。

これで元の写真、画像はそのままで、それとは別にブログやホームページ用に最適化された画像がダウンロードできる。

あとはこのダウンロードした画像の方をブログやホームページ用としてアップロードすれば完了!これはSEO的にもほぼほぼ一番大事なことなので、自分のブログやホームページを少しでも上位表示したいならめちゃくちゃおすすめ。

 

画像最適化とは?

画像最適化は無料サービスのTinypngでマルっとできちゃう、というのが分かったトコロで、はい、座学の時間です。実技としてはTinypng使うだけなんで気になる人だけ座学に参加してくださいね。

では生きましょう、画像最適化とは?なんなんでしょう。

 

画像最適化

画像最適化、といってますがやってるのはできるだけファイルサイズを小さくしてるだけ。最適化っていより最小化、削減化、の方が分かりやすいですよね。

画像や写真のファイルサイズをできるだけ小さくすることでブログやホームページの表示が速くなるんです。これはイメージしやすいですよね。大きいものを表示しようとすると遅く、重くなって、小さいものはサクッと表示できる。

ん?ファイルサイズを小さくするってことは画像の大きさ(cmとか)がちっちゃくなってんじゃないの?おっきな写真のままブログにのっけたいんだけど?と思う人もいると思います。

とりあえず安心してください。画像の実際のサイズは全く変わっていません。例えば元の幅が100cmなら最適化後の幅も100cmです。

(画像のサイズをcmであらわることは少ないかもしれませんが、わかりやすくするためにcmで書きました)

 

基本的に人が見ても気づかないような小さな情報を省くことで同じサイズでもファイル大きさ、ファイル容量(つまりMBとかKBとかそういうバイト数)をちっさくしています。

顕微鏡で見れば元の画像と最適化後の画像は、元の画像の方が精細。でも肉眼ではそれわからないですよね、というのを省いてるんです。これで70%とか80%とか画像サイズを小さく出来てるんですね。

 

まとめ

ブログやホームページに載せる用の画像や写真にゼッタイやっておきたい画像最適化の方法を紹介しました。

まとめるとアップロードする前にTinypngにポンポン投げ入れるだけ!んでダウンロードするだけ!こんだけで画像サイズが70%とか小さくなって最適化できちゃいます。

えー、こんなの誰もやってないんじゃないの?と思っちゃいますが、少なくとも僕の周りのブログ書いてる人はみんなやっていますし僕も当然やってます。

Tinypngに似たサービスもたくさんありますが、他のは無料ではサービスが制限されていたり、一枚ずつ最適化しなくちゃいけなかったりとあんまり使用感がよくなかったんです。

過去には違う最適化サービスを使ってたこともあったんですが、結局Tinypngに戻ってきちゃったというか。個人的にはTinypngがやっぱりおすすめだなーと思っています。

参考にしてみてくださいね!