LinkSwitch

アイアムビリーバー

ギター練習とDTPとウェブ解析

iPhoneの写真をブログにそのままアップすんのまった!

, …
1887 views

ブログの写真ってどうしてます。普段インスタグラムなんかを利用していると、iPhoneからそのままアップすることに何も疑問がない方もいると思います。でも、インスタグラムに実際にアップされている写真のサイズって、自分のiPhoneの写真よりかなり小さいって気がついていましたか?

ブログにiPhoneから写真をアップするとかなり巨大なファイルです

わたしはブログに利用する写真をiPhoneで撮影すると、Googleフォトには自動でアップされます。その写真をMacBookにダウンロードして利用しています。

なんでAirDropをつかわないの? という話ですが、ブログに利用後はMacBook上からは削除しますが、Googleフォトにバックアップとして残しているからです。

iPhoneで撮った写真とインスタグラム上の写真のデータサイズを比べてみた

iPhoneとインスタグラムの写真のデータサイズですが、写真の大きさがまったくちがうので、データの大きさもちがって当然です。

写真サイズのちがい
iPhoneで撮った写真(iPhone5C)のサイズが幅3264ピクセル 高さが2448ピクセル データのサイズが1.7MB です。

インスタグラムの写真も見てみましょう。
インスタグラムにアップした写真
この写真をインスタグラムにアップしています。

写真をダウンロードしてサイズを見てみましょう。
インスタグラムにアップした写真
ページのソースを表示します。

インスタグラムにアップした写真
ソースが表示されたら、「jpg」で検索。すると元ファイルのアドレスを見つけることができます。そのアドレスをコピーしてアドレスバーへペースト。写真を表示させます。

インスタグラムにアップした写真
写真が表示されたら、名前を付けて画像を保存します。

サイズを見てみましょう。
インスタグラムにアップした写真
インスタグラムなので幅も高さも640ピクセル データサイズは78KBです。

iPhoneで撮影した写真のデータサイズが1.7MBだったのでこれをアップするとどうなのか、なんとなく想像がつくと思います。

Googleの画像サイズに関する見解

ユーザーがリソースの読み込みを待機する時間を削減するには、画像のサイズを最小限にします。画像のフォーマットや圧縮を適切に行うと、データのバイト数を大幅に節約できます。接続速度の遅いユーザーにとっては時間の節約になり、データ プランに制限のあるユーザーにとっては費用の節約になります。

 
やっぱり、必要最小限が良いとのことなので、出来る限り 「リサイズ」 しましょう。

写真のデータサイズを小さくする

写真の幅と高さを小さくするとデータサイズも小さくなります。参考になるのかわかりませんが、わたしは横幅500ピクセルに調整しています。

データサイズの圧縮は、下記のウェブサービスを利用しています。便利なのでオススメですよ。
 

https://compressor.io/

 

https://tinypng.com/