ブログでよい記事を書いて綺麗な画像を貼ったけど、データが重くて途中で読まれないのはもったいないですよね!?
画像を縮小・圧縮することでページの表示速度が速くなりますが、難しくて手間がかかるイメージがあるかもしれません。
そこで今回はパソコン(Windows10)で簡単にできる画像を縮小・圧縮する手順を紹介していきます。
付属ソフトを使うので、手軽にかつ無料で出来ますよ。
ブログに載せる画像サイズの縮小・圧縮する手順


ブログに載せる画像サイズの編集は次の手順で行います。
- 画像のトリミング・・・画像を切り取り、縦横比(アスペクト比)を調整
- 画像サイズの縮小・・・画像サイズを物理的に小さくする
- 画像データの圧縮・・・データ容量を小さくする
それぞれ詳しく見ていきましょう。
ブログに載せる画像の縦横比を変更(トリミング)


まずはじめに画像のトリミング(切り抜き)をして、縦横比を変更していきます。
縦横比と言われてもピンとこないかもしれないので具体例を挙げます。
16:9→ハイビジョンTV・パソコン画面
3:2→フィルム・一眼レフカメラの画像サイズ
4:3→スマホのカメラやコンパクトデジカメ・アナログテレビのサイズ
1:1→インスタグラムのサイズ
スマホで撮影した場合、多くの場合縦横比は「4:3」になります。
スマホで撮った写真をそのままのサイズで載せてもいいのですが、少し縦長で圧迫感があります。
ちなみに当ブログではおおむね次のサイズに加工しています。
- アイキャッチ画像・・・16:9
- 本文中の画像・・・3:2
文章と画像のバランスを考え、縦横比を変えることもあります。
またトリミングをすることでブログに載せたくない部分も除けます。
実際にWindows10のフォトアプリを使ったトリミングの方法を紹介します。
トリミング方法(Windows10のフォトアプリ)


トリミングで実際に次の作業を行います。
- 縦横比の変更
- 必要のない部分を削る
- 明るさや色合いを調整する
それぞれ詳しくみていきますね!
1.縦横比の変更
縦横比の変更は縦横比のボタンから変更したサイズを選びます。
「カスタム」にすれば自由自在に縦横比が変えられます。
2.必要ない部分を削る
写真の四隅の点にマウスをあてて動かすと必要ない部分が削れます。
3.明るさや色合いを調整する
右側の調整ボタンを押すと明るさや色合いが調整できます。
ブログに載せる画像サイズを縮小(Windowsペイント)


画像サイズの縮小はWindows10に入っている「ペイント」がおすすめです。
縮小前の画像は、iPhoneで撮影すると3MB前後、一眼レフカメラで撮影すると設定のサイズにもよりますが3~8MB程度とかなりの大容量です。
リサイズ(縮小)の方法


まず「サイズ変更」のボタンを押して、サイズ変更のピクセルの水平方向(横)に縮小したいサイズを入れます。
横幅は見栄えをよくするためにも一定のサイズに統一しておきましょう。
バラバラだと見た目が悪くなることもあります。
入力後、「OK」ボタンを押します。


縮小することでデータ量量が130KB余りになりました。
ちなみに横幅は800pxにしました。
ブログに載せる画像データを圧縮(JPEG圧縮)


画像データの圧縮は登録なしでできるJPEG圧縮を利用しています。
圧縮したい画像をアップロードします。


アップロードが終わると画像が表示されますので下のダウンロードボタンを押します。
しばらくすると圧縮された画像がダウンロードフォルダに作られます。
圧縮をかけることでデータ容量が半分以下にありました。
(画像によってデータ圧縮の度合いが変わります)
\JPEGファイル圧縮はこちら/
PNGファイルならばJPGに変換


パソコンやスマートフォンなどでスクリーンショットを撮るとPNG形式で画像ファイルが自動的に保存されます。
PNG形式はフルカラーで透明色の透明具合も調整できるメリットはありますが、データ容量が重くなる(大きくなる)というデメリットがあります。
データ容量が重くなるので、ブログに載せる前にPNG形式からJPG形式にファイル変換を行います。
ファイル変換は登録なしでできるPNG to JPGがおすすめです。
操作方法は先ほど紹介した「JPEG圧縮」と同じです。
\JPEG変換とデータ圧縮が一緒にできる/
ブログに載せる画像編集方法のおさらい


今回は「ブログに載せる画像を適切なサイズにする方法」を紹介してきました。
最後に画像編集作業の流れをおさらいしましょう。
- 画像のトリミング・・・Windows10のフォトアプリで画像を切り取り、縦横比(アスペクト比)を調整
- 画像サイズの縮小・・・ペイントを使って見た目を縮小
- 画像データの圧縮 ・・・ JPEG圧縮を使ってデータ容量を小さくする
この流れで簡単に画像の縮小や圧縮ができます。
今回紹介した方法が画像圧縮をする上で参考になれば幸いです。