はてなブログで画像を挿入する時って、書いている記事の画面に画像をドロップするやり方が普通なのかなと思っていたんですが、それだと画像の容量が大きくなってしまうみたいです。
事前にはてなフォトライフ側で設定をしておき、はてなフォトライフから画像をアップロードするだけで、今より画像が圧縮できることを最近になって知りました。
私はそのことを知らなかったので、この間全部画像を入れ替えることなり、正直すごく大変でした。知らなかった人は記事が少ないうちにやったほうが絶対いいです。
ということで設定方法のご紹介です。
- はてなフォトライフで画質の設定を変更
- ブログの編集画面からアップロードした場合
- はてなフォトライフからアップロードした場合
- PNGはJPEGへ置き変えたほうがいい
- まとめ：画像はフォトライフからアップロードしよう
はてなフォトライフで画質の設定を変更
「設定」は、はてなフォトライフの右上ところにありますのでそちらをクリック。
設定画面を確認してみると、最初は画質が100％になっています。ここの数値を変更するだけです。
とりあえず画質は70％ぐらいで行くことにしました。ここはお好みの数値で大丈夫だと思います。まずは、はてなブログの編集画面から画像をドロップして挿入したときの容量が、画質を変えたことでどこまで変わるのかを比較してみます。
ブログの編集画面からアップロードした場合
画質100％で編集画面からアップロードした時の容量：607KB
画質70％にして編集画面からアップロードした時の容量：111KB
画質を100％から70％に変えただけで 607KBから111KBへと下がりました。
これだけでもかなり変わりますね！
しかし画質100％のままだと、1枚でこれだけの容量なら何枚も貼っているページは重くなってしまいそうですね。これはやばいやばい。
はてなフォトライフからアップロードした場合
次は、はてなフォトライフから画像をアップロードしたときの容量を比較します。
まずは画質を100%にしたままの状態で、はてなフォトライフからアップロードします。
容量は387KBになりました。はてなフォトライフからアップロードするだけで、画質100％ではてなブログからアップロードしていた時の607KBよりも半分近くは小さくなっています。
さらに次は画質を70％に変更後、はてなフォトライフからアップロードしたものです。
容量は75KBとかなり小さくなりました。
なぜ、はてなフォトライフからアップロードすると容量に違いが出てくるかというと、ブログ編集画面から画像をアップロードしてしまうと長辺ピクセルが1024ピクセルで自動リサイズされてしまうからのようです。
画像サイズをご覧いただくとわかると思いますが、編集画面からアップロードした時と、はてなフォトライフからアップロードした時とでは、画像サイズの長辺ピクセルが違っています。
・編集画面からアップロード時は1024ピクセル
・はてなフォトライフからアップロード時は800ピクセル
この自動リサイズのおかけで編集画面の方でアップロードしてしまうと、はてなフォトライフからアップロードするより容量が大きくなってしまいます。
だからはてなフォトライフからアップロードしたほうがいいわけですね。
PNGはJPEGへ置き変えたほうがいい
しかしPNGでは上記の圧縮方法はあまり効果がないようです。なのでJPEGにできるものはJPEGに変換をしてからアップロードするようにしました。
基本的にはJPEGのものしか使ってなかったのですが、スマホでスクリーンショットした時などの画像はPNGだったりするので、私はこのアプリを使ってJPEGに変えたりしました。
まとめ：画像はフォトライフからアップロードしよう
はてなフォトライフの画質を変更して、尚且つはてなフォトライフからアップロードするようにすると、容量がだいぶ変わるのは驚きでした。
画像の容量が大きいとページが重くなり開くのに時間がかかってしまいます。それはサイト的にも良くないので、知らなかった方はぜひはてなフォトライフからアップロードするようにしてみてください。
画像の入れ替えって本当大変です。はてなフォトライフにアップロードしている画像も一回消さないといけませんし、記事が少ないうちにやれるといいと思います。
以上、はてなフォトライフを使って画像を圧縮しようでした。
それでは今回はこのへんで。