ブログに上げたスマホで撮ったドラミちゃん?の写真が重すぎる・・・
画像を圧縮するいい方法はないかな？
写真や画像がたくさん使われている記事ってイメージしやすくていいですよね。
私も文字ばかりの記事より、写真いっぱいの記事がだいすきです。
しかし、写真はデータが重くなるのが難点。
重い画像を軽く画像に圧縮できたら、ブログもサクサク動いて、見る人にとって快適なサイトになりますよね。
今回は、ブログ初心者でも簡単にできる「重い画像を圧縮して軽くする方法」を紹介します。
ブログにのせる重い画像を圧縮して軽くするには？
＜画像圧縮の流れ＞
②パンダのサイトで画像を70％圧縮する「tinypng」
ブログに貼る画像を圧縮しないとこうなる
ブログを始めて最初の頃は、画像を圧縮するということなど知らずに、のほほんと記事に写真を貼り付けていました。
しかし、自分の記事をスマホで確認してみると、記事の読み込みが遅い！！
なぜかめちゃくちゃ遅くなってました。
スピードインサイトというサイトの表示速度を調べるサイトで見ても真っ赤かの低速。
たしか34点とかでした。
ちなみにスマホで撮った写真の元のサイズは「4032×3024」。
このサイズが超デカイということに遅まきながら気づきました。記事の中に入れるだけならこんな大きい画像はいらないってことです。
そこで、パンダの圧縮サイトで画像を圧縮してみることに。ほんの数秒で70％カット。あっという間。
しかも、ほとんど画像の劣化がないので、圧縮前と圧縮後の違いがわからないレベルでした。
画像が圧縮されたことで、データが軽くなりサイトの表示スピードもサクサクになりました。
ほんとに、早く知りたかったですね〜。
画像圧縮には、いろんなやり方がある
「画像 圧縮 ワードプレス」で検索すると、画像圧縮についての記事がたくさん出てきます。
有料ツールを入れるとか、ペイントツールで画像を小さくするなど、いろいろです。
どの方法が一番良いのかはわかりませんが、私は一番ラクな方法で圧縮することにしています。
ブログに貼る画像を実際に圧縮して軽くしてみる
（圧縮前）
（圧縮後）
圧縮しても画像のキレイさはほとんど変わりません。
人間の目では違いがほとんどわからないレベルですね。
今回は、自宅でスマホ撮影したドラミちゃんの写真を使ってみます。
①プレビューで画像を小さくする（リサイズする）
フォルダ→ダウンロードでお目当ての写真をダブルクリックします。
「ツール」→「サイズ調整」→「幅」をお好みのサイズに変える
元サイズ：「4032×3024」→「560×315」に変更
縦横比を固定に☑️が入っていれば、幅に数値を入れるだけで自動的に高さも変更されます。
ここでカラー調整が必要であれば、
「ツール」→「カラー調整」→「露出・コントラスト・彩度」を写真を見ながら調整できます。
よければ変更を「保存」します。
②パンダのサイト『tinypng』で画像を圧縮
パンダのサイトを開き、先ほどサイズ変更し保存した画像をドラッグ＆ドロップします。
ドラッグ&ドロップして数秒以内に画像の圧縮が終了。
右側にある「download」からダウンロードできます。
70〜80％近く圧縮できています。
これはすごいですよね。
過去記事の画像の一括圧縮にはプラグイン『Compress JPEG&PNG images』
「プラグイン」→「新規追加」→右上の検索窓で「compress」と検索。
いくつかプラグインが表示される中におなじみのパンダがいるので「今すぐインストール」→「有効化」
ブログの重い画像を圧縮するには：まとめ
・パンダのサイト『tinypng』で70％軽くなる
・今までの過去記事内の画像はプラグインで一括圧縮
< 初心者さんにおすすめ>
ブログで手軽にアフィリを始める方法
① A8.net →アフィリといえばココ！すぐ使えて人気No. 1
②もしもアフィリエイト →Amazonと楽天商品を紹介して手軽に始められる！
コメント