MENU

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

title_google_photos

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

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

Googleフォトでやること

Googleフォトの設定方法

google_photos_setting_01

  • 「設定」を選択

google_photos_setting_02

  • 「高画質(容量制限なし、無料)」にチェック

  • 共有>「リンクで共有するファイルの位置情報を削除」にチェック

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

  • アップロードしたい画像をWEBページへドラッグ&ドロップ

google_photos_setting_03

  • 「アルバム」ボタンを選択

  • 「新しいアルバム」を作成

  • 作成したアルバムの右上をクリックして、アルバムを共有

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

pngyu_setting_02

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

google_photos_test_original-compressor

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

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

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

※ちなみにPngyuの設定はHighSpeed

pngyu_setting_01

はてなブログでやること

画像の挿入方法

hatena_blog_setting_01

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

hatena_blog_setting_02

  • 挿入したい画像を選択

画像のサイズ変更

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

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

altタグの挿入

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

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

まとめ

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

  • 画像の減色

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

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

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