2015/12/21 コラム

ブログやホームページにアップする画像サイズについて

必要な画像サイズとリサイズ方法

以前の記事「小物や商品をスマホで撮ろう　デジカメ撮影豆知識　その5」で
便利なiPhoneをはじめとするスマートフォンのカメラを使って、
気軽に撮影してブログやホームページに写真アップすることをおすすめいたしましたが、
今回はそのスマートフォンで撮影した写真をアップする際の画像サイズと
「リサイズ方法」についてお話したいと思います。

スマートフォンで撮影出来る写真の画像サイズは機種にもよりますが、
ブログなどにアップする画像としては必要以上に大きな画像サイズで撮影されます。

例えば、iPhone5sのカメラアプリで撮影した写真サイズは3264 x 2448ピクセルと
非常に大きく、ファイルサイズも1枚3MB以上となってしまいます。

左の画像サイズは320 x 240 ピクセルの
サイズです。
実際撮影されたサイズは3264 x 2448ピクセルなのでこの画像の10倍の大きさとなります。

撮影した写真をプリントアウトしたり、印刷で使うのであれば必要なファイルサイズですが、
ブログなどでアップする場合には大きすぎますので、
アップする際には「リサイズ」をするとよいでしょう。

では、ブログなどに掲載する写真サイズはどのくらいの大きさの画像が必要か？
今ご覧いただいているこのページで最大サイズの画像を掲載する場合、
横幅が640ピクセルの画像が限界です。

下の写真が横幅640ピクセルの画像です。

つまり、これ以上大きな画像をアップロードしてもあまり意味がありません。
このページにはスマートフォンで撮ったそのままのサイズ（例3264×2448ピクセル）は
必要ないことがおわかりになったと思います。

皆さんがそれぞれお使いになってるブログの画像の最大表示サイズは、
デザインなどで違うと思いますが、大きくても横幅が800ピクセル以下の画像を
アップロードすれば十分です。

ブログにはアップロードした画像の表示サイズを指定できる機能もありますが、
これはあくまでも表示サイズを変更するだけなので、実際にアップロードする画像が
必要以上に大きすぎると表示するのに時間がかかったり、
サーバーの容量を余分に使ってしまうだけで、いいことがありません。

では、リサイズする方法をご紹介します。
スマートフォンのカメラに撮影サイズの指定機能がない場合は、
アプリを使って撮影した写真のサイズ変更を行います。

補正用のアプリなどで加工した画像もブログにアップする際は、
これから紹介するアプリでリサイズをすることをお薦めします。
軽い画像を使用することによりホームページの表示速度を上げて、
閲覧する方のストレスを軽減することができます。