2017年07月05日
Googleフォトに置いた画像をブログ記事内に表示する
Googleフォトのサービスが始まって間もないころ、Googleフォトについて書いた記事にいただいたコメントで、Googleフォトに置いた画像をブログ記事内に表示できることを教えていただきました。
教えてくれたのは、yumetodo さん。ありがとうございました。
そのときの記事がこれです。
グーグルフォトが凄くよさそうだけど、気になること
その時は Google Photos、グーグルフォトと表記していて、ブログ内検索で「Googleフォト」で探しても見つからなかったりします (^^;
Googleフォトに置いた画像をブログ記事内に表示するためには、標準の機能で取得したリンクを使わずに、工夫して長いURLを取得しないといけないのですが、その辺りも含めて、やり方をまとめておきます。
１）WebブラウザでGoogleフォトを開きます。
２）ブログ記事で表示したい画像をクリックします。
３）［共有］アイコンをクリックします。
４）［新規共有アルバム］アイコンをクリックします。
すでに共有アルバムを作成済みで、そのアルバムを使う人は隣の［共有アルバムへの追加］アイコンをクリクすることになります。
５）アルバムのタイトルを入力します。
今回は「ブログ記事用」としました。
６）左上の［×］をクリックして、ひとつ前のページに戻ります。
７）左上の［←］を２回クリックして、元のページに戻ります。
８）左側の［共有］アイコンをクリックすると、作成した共有アルバムができていることが分かります。
作った共有アルバムをクリックして開き、ブログ記事に表示したい画像のURLをコピーします。
このとき、画像のURLを取得する方法は、①上部にある［共有］アイコンから［リンクを取得］、②画像を右クリックして「リンクのアドレスをコピー」、③ブラウザのアドレスバーのURLをコピー、などの方法が考えられますが、どのURLもブログの記事上で画像が表示されません。
ブログの記事上で画像が表示されるURLは、以下の方法で取得します。
（今回使っているブラウザは Sleipnir 4 ですが、Google Chrome 系のブラウザであれば同じだと思います）
（IE の場合は［F12］キーを押すて開発ツールを起動すれば、同様のことができると思います）
１）ブログに表示したい画像の上で右クリックし、「検証」をクリックします。
２）右側に「検証」ツールが開き、一番上の方に青色でHTMLコードが選択された状態になるはずです。
そのコード上で右クリックして、「Copy」→「Copy outerHTML」の順にクリックします。
（これで画像を表示するためのHTMLコードがコピーできます）
３）コピーしたHTMLコードを、メモ帳やテキストエディタに貼り付けます。
↓ 最初がこのような感じで、とても長いコードです。
４）貼り付けたコードの『最初の「https://」から「" style=」の手前まで』が画像のURLになるので、その部分を抜き出しておきます。
（これだけでも相当に長いです。調べてみると727文字ありました）
５）抜き出したURLの最後の部分に「YD=w993-h745-no」のようなのがありますが、wのあとの数字とhのあとの数字は表示する画像の大きさです。
選んだ画像にもよりますが、大きすぎる場合は数字を小さくしておきます。
このとき、wとhを変更する比率を合わせないと画像が細長くなります。
今回は「w993-h745」を「w300-h225」としました。
６）このようにして用意したURLの前に「<img src="」を加え、最後に「" border="0" alt="カモの写真">」を加えます。
（「カモの写真」の部分は、画像の代わりとなる代替文字列なので、適宜変えてください）
７）あとは、ブログ記事内にこのコードを貼り付ければOKです。
↓ こんな感じに表示できます。
Googleフォトをブログの画像置場として使えれば、容量は無制限だし、ブログの引っ越しのときも画像のアドレスを変更しなくていいし、良さそうな気がします。
まずは、Googleフォトの利用規約として、ブログの画像置場として使っていいかどうかですが、「Googleフォトの利用規約」というのは存在しなくて、「Google 利用規約」を準用することになると思いますが、Google 利用規約に「ブログの画像置場として使ってはダメ」というようなことは、書いてなさそうです。
例えば、無料ブログサービスなどに画像をアップロードして、他のブログの画像置場として使うというのは、ブログサービスによっては禁止しているところもあります。
Google 利用規約に書いていないのであれば使ってもいいのではと思いますが、Google 利用規約よりも怖いのは、Googleフォトの画像表示方法などが変更された場合に、以降ブログの画像が表示されなくなる恐れがあるということです。
少し前に、Dropboxの共有フォルダの仕様が変更になりましたが、ブログの画像置場として使っていた人は、それ以降ブログの画像が表示されなくなりました。
こういうことがあると、その対応はとても大変です。
Googleフォトでも同様のことが起きる恐れはあるので、結論としては、おすすめとは言えないかなと思います。
（けっこう苦労して書いた記事が、オススメじゃないという結論ってどうなの (^^ゞ）
このままだと私がかわいそう、いや、この記事がかわいそうなので、書き加えることにします。
無料ブログにしろ、有料ブログにしろ、何らかの事情で 突然サービス中止ということもあり得ます。
Googleフォトのリスクと、どちらが危険性が高いかは難しいところです。
そう考えると、ブログの画像置き場として使うのも有りかも知れませんね。
あとは、自己責任で使いましょうということになるでしょうか。
教えてくれたのは、yumetodo さん。ありがとうございました。
そのときの記事がこれです。
グーグルフォトが凄くよさそうだけど、気になること
その時は Google Photos、グーグルフォトと表記していて、ブログ内検索で「Googleフォト」で探しても見つからなかったりします (^^;
Googleフォトに置いた画像をブログ記事内に表示するためには、標準の機能で取得したリンクを使わずに、工夫して長いURLを取得しないといけないのですが、その辺りも含めて、やり方をまとめておきます。
ブログ記事で表示したい画像を共有アルバムに移動する
１）WebブラウザでGoogleフォトを開きます。
２）ブログ記事で表示したい画像をクリックします。
３）［共有］アイコンをクリックします。
４）［新規共有アルバム］アイコンをクリックします。
すでに共有アルバムを作成済みで、そのアルバムを使う人は隣の［共有アルバムへの追加］アイコンをクリクすることになります。
５）アルバムのタイトルを入力します。
今回は「ブログ記事用」としました。
６）左上の［×］をクリックして、ひとつ前のページに戻ります。
７）左上の［←］を２回クリックして、元のページに戻ります。
８）左側の［共有］アイコンをクリックすると、作成した共有アルバムができていることが分かります。
Googleフォトの共有アルバムの画像をブログ記事に貼る
作った共有アルバムをクリックして開き、ブログ記事に表示したい画像のURLをコピーします。
このとき、画像のURLを取得する方法は、①上部にある［共有］アイコンから［リンクを取得］、②画像を右クリックして「リンクのアドレスをコピー」、③ブラウザのアドレスバーのURLをコピー、などの方法が考えられますが、どのURLもブログの記事上で画像が表示されません。
ブログの記事上で画像が表示されるURLは、以下の方法で取得します。
（今回使っているブラウザは Sleipnir 4 ですが、Google Chrome 系のブラウザであれば同じだと思います）
（IE の場合は［F12］キーを押すて開発ツールを起動すれば、同様のことができると思います）
１）ブログに表示したい画像の上で右クリックし、「検証」をクリックします。
２）右側に「検証」ツールが開き、一番上の方に青色でHTMLコードが選択された状態になるはずです。
そのコード上で右クリックして、「Copy」→「Copy outerHTML」の順にクリックします。
（これで画像を表示するためのHTMLコードがコピーできます）
３）コピーしたHTMLコードを、メモ帳やテキストエディタに貼り付けます。
↓ 最初がこのような感じで、とても長いコードです。
<div class="RY3tic" data-latest-bg="https://lh3.googleusercontent.com/TcK ～～～４）貼り付けたコードの『最初の「https://」から「" style=」の手前まで』が画像のURLになるので、その部分を抜き出しておきます。
（これだけでも相当に長いです。調べてみると727文字ありました）
５）抜き出したURLの最後の部分に「YD=w993-h745-no」のようなのがありますが、wのあとの数字とhのあとの数字は表示する画像の大きさです。
選んだ画像にもよりますが、大きすぎる場合は数字を小さくしておきます。
このとき、wとhを変更する比率を合わせないと画像が細長くなります。
今回は「w993-h745」を「w300-h225」としました。
６）このようにして用意したURLの前に「<img src="」を加え、最後に「" border="0" alt="カモの写真">」を加えます。
（「カモの写真」の部分は、画像の代わりとなる代替文字列なので、適宜変えてください）
７）あとは、ブログ記事内にこのコードを貼り付ければOKです。
↓ こんな感じに表示できます。
Googleフォトをブログの画像置場として使えるのか
Googleフォトをブログの画像置場として使えれば、容量は無制限だし、ブログの引っ越しのときも画像のアドレスを変更しなくていいし、良さそうな気がします。
まずは、Googleフォトの利用規約として、ブログの画像置場として使っていいかどうかですが、「Googleフォトの利用規約」というのは存在しなくて、「Google 利用規約」を準用することになると思いますが、Google 利用規約に「ブログの画像置場として使ってはダメ」というようなことは、書いてなさそうです。
例えば、無料ブログサービスなどに画像をアップロードして、他のブログの画像置場として使うというのは、ブログサービスによっては禁止しているところもあります。
Google 利用規約に書いていないのであれば使ってもいいのではと思いますが、Google 利用規約よりも怖いのは、Googleフォトの画像表示方法などが変更された場合に、以降ブログの画像が表示されなくなる恐れがあるということです。
少し前に、Dropboxの共有フォルダの仕様が変更になりましたが、ブログの画像置場として使っていた人は、それ以降ブログの画像が表示されなくなりました。
こういうことがあると、その対応はとても大変です。
Googleフォトでも同様のことが起きる恐れはあるので、結論としては、おすすめとは言えないかなと思います。
（けっこう苦労して書いた記事が、オススメじゃないという結論ってどうなの (^^ゞ）
このままだと私がかわいそう、いや、この記事がかわいそうなので、書き加えることにします。
無料ブログにしろ、有料ブログにしろ、何らかの事情で 突然サービス中止ということもあり得ます。
Googleフォトのリスクと、どちらが危険性が高いかは難しいところです。
そう考えると、ブログの画像置き場として使うのも有りかも知れませんね。
あとは、自己責任で使いましょうということになるでしょうか。
 |
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/6439029
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
