6/6(土)まで! Kindle Unlimited 読み放題キャンペーン 

【Google Photos】 Googleフォトをブログで使用する方法

普段は、はてなブログなので、はてなフォトライフから画像をアップロードしてますが、容量無制限のGoogleフォトの切り替えも検討してみました。

最大の利点はwordpressなどへブログを引っ越しても、画像を貼り直さなくて良いところです。

Googleフォトでやること

Googleフォトの設定方法

  • 「設定」を選択
  • 「高画質(容量制限なし、無料)」にチェック
  • 共有>「リンクで共有するファイルの位置情報を削除」にチェック

Googleフォトのアップロードと共有方法

  • アップロードしたい画像をWEBページへドラッグ&ドロップ
  • 「アルバム」ボタンを選択
  • 「新しいアルバム」を作成
  • 作成したアルバムの右上をクリックして、アルバムを共有

アップロードする前に減色するべきかどうか?

通常、compressor、Pngyuの3種でテストしてみました。

結果としては、そのままアップロードすれば、画像サイズは少し小さくなる可能性がありますが、自動で減色されて最適化されるようです。

もちろん減色してからアップロードすれば、その分軽い状態でアップロードされます。

Pngyuであれば50%OFFcompressorは80%OFFという結果になっています。

※ちなみにPngyuの設定はHighSpeed

はてなブログでやること

画像の挿入方法

  • 記事投稿ページの右側の+ボタンを選択して「Googleフォト貼り付け」にチェック
  • 挿入したい画像を選択

画像のサイズ変更

画像が大き過ぎてしまう場合の調整方法です。

"width="300"をimageの中に挿入

altタグの挿入

入れておくと、Googleが識別しやすくなりSEO的に良いです。空でも良いので入れておく。

alt="画像の説明"をimageの中に挿入

まとめ

今回はGoogleフォトだけでなく、いつもと少し違う方法で画像を入れてみました。

  • 画像の減色
  • 画像名をちゃんとつける→それをAltタグとして使用

知識的に知ってはいたものの手間なので、やってなかったですが、一度手順を踏んで置くことも大事だと感じました。

もういくつか試してみて、効果を検証したいと思います。

関連記事