Googleドライブの共有ファイルをimgタグで引っ張る方法

この記事で、

我輩はめんどいからやらんぞと言った、表題の件。

Googleドライブの共有ファイルをimgタグのsrc属性で引っ張って表示させる方法についてである。

ようこそ諸君、我輩はボロボロ皇帝。

なんと優しい我輩。

自分はやらないのに、もしかしたらやりたい諸君がいるかも…と思ってやり方を載せることにしたのだ(本当は自分がいつか使うかもしれないからという備忘録目的が半分だが)。

ではちゃっちゃとやり方を載せていこう。

・まずGoogleドライブにimgタグで引っ張りたい画像をUP

・共有ファイルにして共有用リンクを取得

例えばこれ↓共有用リンクである

https://drive.google.com/file/d/1Fn_X1LmW8uXf4aBia-mDz6GP-sTMEp4J/view?usp=sharing

こんな形になるのだが、これをそのままsrcに書いても引っ張れぬ(Google内ビューワーで開くためのリンクなので画像への直リンクではない、という事だと思われる)。

なのでこれを表示させるには、ということだが、

これの青い部分がIDになる模様。

この青い部分を、

こいつと↓

こうだ↓

ちなみにこいつ↑

どこから出てきたの？とかいちいち気にするな。

あーなんかコイツとくっつけば万事オッケーなんだね、とそう思っておけば良い、実際そうなのでな。

とまあ表示するためには、

こうなるわけだ。

簡単だな。

ちなみにこの内容は普通に調べたら出てくることではあるが、URLが古い形式、つまり古い情報しか出てこないので、一応この記事の方がわかりやすいかもしれない。

この方法だとブログサービス会社側で決められたアップロード制限を気にすることもなく、且つ解像度も下がらなくて良いな。

だがあまりデカい容量だとページの読み込み速度に影響が出そうな気もするのでその辺りは自己判断である。

我輩も必要な場面では使っていきたいと思っている次第。

ボロボロ皇帝のボロ切れと塊