スマホ撮影からファイル圧縮。ブログ添付までを完全図解解説

スマホの写真を圧縮してブログに添付する。

スマホで撮影した写真をブログに添付する時は画像の容量を圧縮すればページ速度を上げることができます。

写真サイズの容量が大きいと読込に時間がかかり読者はストレスが溜まりページから離れていってしまいます。

今回は私が普段ブログに添付している写真を撮影から圧縮、そしてブログに添付するまでの一連の作業を図解で解説し、ページ速度を上げるための写真添付方法を説明します。

ブログ表示速度を上げるために

私のブログでは、写真の容量KB(キロバイト)は平均100KB以下に抑えています。

大きい容量順に並べるとGB(ギガバイト) MB(メガバイト) KB(キロバイト) B(バイト)。

容量でMBを以上だとページ速度も重たくなります。(そもそもワードプレスには64MB以下しかメディアをアップロードできません。)

まず、KBまで写真の容量を小さくしなければいけません。

スマホ側から設定する

スマホから写真をどうやって撮影しているでしょうか?カメラアプリを立ち上げて写真を撮る?

何も考えずに写真を撮影するだけではブログに最適なサイズになりません。

  • スマホは横向きで撮影する
  • 圧縮アプリで保存する

スマホで写真を撮影する時は横向きて撮影します。

スマホを横向きで撮影した場合

スマホを縦向きに撮影した場合

ブログで写真を添付するには縦向き撮影は適していません。

スマホ、PCどちらで記事を読んでも縦向き写真は違和感があります。

スマホで写真を撮影する時は横向きでカメラ設定をサイズ比率4:3又は16:9ぐらいで撮影すると、トリミングなどの編集不要でブログに添付できます。

撮影した写真をアプリで圧縮します。

今回はこちらの写真を使って説明していきます。

Androidスマホで解説しますが基本はiPhoneでも同じです。

Googleplayアプリの「写真リサイズ」を無料ダウンロードします。こちらから

アプリを立ち上げます。

写真を選択」を選択します。

 

ファイルの中から撮影した写真を選択します。

注意
スマホでそのまま撮影した状態で857KBです

画面上の方の印を選択します。

 

幅×高さ「800」×「600」を選択します。

すると写真サイズが「857KB」から「59KB」94%の圧縮に成功しました。

スマホ側で撮影した写真を圧縮する方法はこれで終わりです。次からは圧縮した写真をPCに転送します。

スマホで撮影した写真をPCに転送

スマホ⇒PCに写真を転送する時はどのようなやり方が手間なく転送できるのか?スマホ⇒PCのファイル転送方法はいろんなやり方があります。

  • USBケーブル転送
  • microSD,SDカードを使った転送
  • Bluetoothやwifiを使った転送
  • Googleドライブを使った方法

ここではGoogleドライブを使った方法を説明します。Googleドライブとはオンライン上のクラウドサービスです。Googleドライブに写真を保存するだけで、PCや他のタブレット端末やスマホからアクセスできてファイルを共有できます。

注意
GoogleドライブはGoogleのアカウントが必要です。無料のGoogleアカウントを作成してからGoogleドライブをお使い下さい。 参考 Googleアカウント登録

Googleドライブのアプリを起動します。

 

赤「+」アイコンを選択します。

アップロード」を選択します。

 

先程、圧縮した写真(59KB)を選択します。アップロード完了します。

スマホで行う作業はこれで終了です。次からはPCでのブログへの添付方法を解説します。

PCのGoogleドライブから写真ファイルをダウンロードします。

参考 Googleドライブ

圧縮したファイルを「右クリック」「ダウンロード」してファイルを保存します。
(デスクトップにファイルを保存すると探すのに便利です。)

ワードプレスから記事に写真を添付する。

メディアライブラリの「ファイルを選択」を選びます。

メディアライブラリに写真がアップロードされます。アップロードした写真を選択してみます。

 

ファイルサイズ48KB(サイズ800×600)のファイルに圧縮されています。

WordPressプラグイン「Regenerate Thumbnails」ダウンロードはこちらから

Regenerate Thumbnailsは自動的にワードプレスに写真をアップロードする時に圧縮してくれるプラグインです。説明はホントに簡単で一度設定すれば後は自動でファイルを圧縮してくれます。

詳しい説明はこちらから
参考記事のタイトルとURLを入力してくださいサムネイル画像を一括で作りなおせるプラグイン”]

このRegenerate Thumbnailsで約10KBファイルを圧縮しました。

それでは例として記事に写真を添付してみましょう・・・

メディアを追加」を選択します。

ファイルを選択してフルサイズ(800×600)で表示してみます。

これがPC画面で見た写真になります。若干画質は落ちますがPCに50KB近くの圧縮ファイルを添付しても画質が荒くなって見れなくなることはありません。

このサイズでページ速度を上げることができるならファイルを圧縮した方が便利です。

より高画質な風景画像を読者に見せたい。カメラの高画質をアピールしたいなどの場合は圧縮はしない方がいいでしょう・・・

まとめ

実際に私が普段スマホ撮影からブログ添付までの作業をわかりやすく解説してみました。探せばもっと効率のよい作業方法はあると思います・・・大切なのは効率を求めるより記事を書くことにあると私は思います。

ですので自分に慣れた作業方法をマスターすればそれが一番効率のいいことになります。

あくまでこの方法がベストではないので、参考程度でご覧ください。

そして今回はAndroidスマホの解説ですが、iPhone撮影でも基本は同じです。

圧縮アプリでファイルを小さくしてcloudでPCにアップロード、そしてブログに添付する。基本を覚えて自分なりに一番良い作業方法を見つけてください!

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です