スキップしてメイン コンテンツに移動

Googleフォトの直リンクURLを取得する (リサイズも可能)

Googleフォトにアップロードした画像の、直リンクURLを取得する方法です。
この方法を使用すると、サイトやブログ等に、Googleフォトの画像を直接貼り付ける事が可能になります。

また、URLで画像のリサイズ等もできる為、その辺りについても紹介したいと思います。

直リンクURLを取得する

Googleフォトのページから、対象の画像を選択します。
その後、右リック -> [画像アドレスをコピー]を選択すると、クリップボードに直リンク用のURLがコピーされます。
あとは、クリップボードにコピーされたURLを、自分のサイトに貼り付けるだけです。

Googleフォトの直リンクURL取得方法

注意事項

この方法で取得した直リンクURLは、誰からでも対象の画像が閲覧可能なURLとなっており、誤ってプライベートな画像を公開しないよう、注意をしましょう。

オススメは、サイトやブログ専用のGoogleアカウントを作成し、そこには公開用の画像のみをアップロードする事です。

パラメータを指定してリサイズ・トリミングを行う

URLの末尾に、パラメータを指定すると、画像を簡単にリサイズまたはトリミングする事ができます。
パラメータの種類には、以下のようなものがあります。

https://lh3.googleusercontent.com/_R0sQ...Sx=<Parameter>

縦横のサイズを指定してリサイズを行う

画像のリサイズを行うには、URL末尾のパラメータに、縦または横のサイズを指定して、リサイズを行います。

  • 横サイズを指定してリサイズ
https://lh3.googleusercontent.com/_R0sQ...Sx=w500

この時、縦のサイズも画像の縦横比に応じて、自動的リサイズされます。

1000x500の画像を500x250にリサイズ

  • 縦サイズを指定してリサイズ
https://lh3.googleusercontent.com/_R0sQ...Sx=h300

この時も、画像の縦横比に応じて、自動的に横サイズもリサイズされます。

正方形の画像にトリミングする

こちらは、サムネイル画像を表示する時に役立ちそうなパラメータです。
縦(h)または横(w)サイズのどちらかを指定し、その後ろに-cパラメータを付けると、指定したサイズの正方形画像を作ってくれます。

以下は、1000 x 500の画像から、500 x 500の正方形画像を作る場合の例です。

https://lh3.googleusercontent.com/_R0sQ...Sx=w500-c

<実行結果>
1000x500から500x500の正方形画像を作る場合の実行例

パラメータにw500-cを指定した場合、500 x 500の正方形画像が作られます。
この時、横のサイズが500pxを超えている為、左右から250pxずつ画像を切り取った画像が作成されます。


続けて、もう一つ例を見てみましょう。

1000 x 500の画像から、200 x 200の正方形画像を作る場合の例です。

https://lh3.googleusercontent.com/_R0sQ...Sx=w200-c

<実行結果>
1000x500から200x200の正方形画像を作る場合の実行例

今度は、パラメータにw200-cを指定している為、200 x 200の正方形画像が作られます。
200pxは、元の画像(1000 x 500)よりも小さい値の為、まず元画像の縦/横サイズの内、小さい方が200pxになるよう、リサイズが行われます。
その後、はみ出た部分が切り取られ、200 x 200の画像が作成されます。

具体的には、以下のような流れになります。

  1. 1000 x 500の画像から400 x 200の画像を作成
  2. 横のサイズが200pxを超えている為、左右から100pxずつ画像を切り取り、200 x 200の画像が完成

元のサイズで画像を表示する (s0)

画像アップロード時の、元々のサイズで表示する場合、-s0パラメータをつけます。

https://lh3.googleusercontent.com/_R0sQ...Sx=s0

パラメータ一覧

これまで紹介したパラメータを、一覧にまとめました。

Parameter 説明
s0 オリジナルサイズの画像を表示します
w,h 幅と高さを指定して画像をリサイズします。
後述するcパラメータが無い場合、縦横比を維持してリサイズします。
c 画像を、wまたはhで指定したサイズの、正方形画像に切り取り。
d ダウンロードリンク用のパラメータ
このパラメータが付いたリンクをクリックすると、画像ファイルのダウンロードが始まります。
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメント

  1. このコメントは投稿者によって削除されました。

    返信削除
  2. ログインした状態では、いかなる方法でも固定のダイレクトリンクは取得できません。
    ログインした状態のプレビュー画像のURLは時間と共に変化するので使えません。
    http://nonsubject.arinco.org/2017/02/how-to-create-direct-link-from-google-photos.html

    返信削除

コメントを投稿

このブログの人気の投稿

axiosの使い方まとめ (GET/POST/例外処理)

axiosの使い方まとめ (GET/POST/例外処理)最近何かとよく使うJavaScriptでAJAX通信を行うaxiosについて、簡単に使い方をまとめました。GETリクエストをaxiosで送るまずはGETリクエストをaxiosで送る方法です。const res =await axios.get('/users') console.log(res.data)分割代入の記法を使うと、以下のようにも書けますconst{data}=await axios.get('/users') console.log(data)クエリパラメータ (URLパラメータ)を指定クエリパラメータを指定する方法は2つあります。1つ目は、axios.getに指定するURLに直接記述する方法です。axios.get('/user?id=123')2つめは、axios.getの第2引数に、オプション指定する方法です。axios.get('/user',{ params:{ id:123}})POSTリクエストをaxiosで送る次はPOSTリクエストをaxiosで送る方法です。JSON形式でPOSTするJSON形式でPOSTする場合は、axios.postの第2引数に、送信するデータをJavaScriptオブジェクトで指定します。const res =await axios.post('/user',{ id:123, name:'Yamada Tarou'})application/x-www-form-urlencoded形式でPOSTするapplication/x-www-form-urlencoded形式でPOSTする場合は、URLSearchParamsを使います。var params =newURLSearchParams() params.append('id',123) params.append('name','Yamada Tarou')const res =await axios.post('/user', params)axios でファイルをアップロードする画像などのファイルを、axiosでアッ…

[VB, C#] Windows 8, Window 10 で ImeModeが制御できない問題を解決する

[VB, C#] Windows 8, Window 10 で ImeModeが制御できない問題を解決するタイトルの通りですが、Windows 8 以降では Windows Form アプリケーションで、コントロールの ImeMode に Katakana や KatakanaHalf を設定しても、カタカナになってくれません。なぜ ImeMode が効かないのか?Windows 8 以降、IME Mode の切り替えは、ユーザー単位で切り替わるようになった為、アプリから IME Mode 制御が出来ないようになりました。
(IME をON にした場合、常に ひらがな モードになます)※ Windows 7までは、IME Modeの切り替えはアプリ単位で行われていた為、問題なくアプリから IME制御が行えました。対処方法Windows 8 以降、IMEの制御は、InputScope クラスの利用が推奨されています。
しかし、InputScope クラスは、WPF、Windows ストアアプリでしか使えない為、Windows Formアプリでは使用できません。
(Windows Form はもう使うな!という事でしょうか (涙) )結論としては、コントールパネルの設定で、IMEの制御をユーザ単位から アプリ単位に変更する事ができます。
これで、Windows Formアプリでも 従来通りIMEの制御を行う事が出来ます。おわりにこの方法だと、アプリをインストールする端末すべてに設定が必要となり、とっても面倒です。。。
しかし、今の所これしか方法がない状態です。
これからは Windows Formではなく、WPFや Windows ストアアプリで作れという事ですかね (^^;)

MailKitの使い方! エンコーディング指定や添付ファイをメールで送信する方法[C#/VB Tips]

MailKitの使い方! エンコーディング指定や添付ファイをメールで送信する方法[C#/VB Tips]MailKitを使ってメールを送るサンプルコードです。(C#)UTF8/iso-2022-jpのエンコーディング指定、GMail/YahooのSMTPサーバで送るなど、4つのサンプルコードでMailKitの使い方を紹介します。MailKitって何?2017年に.NET標準のSystem.Net.Mail.SmtpClientが廃止予定となり、Microsoftより今後はオープンソースライブラリである、MailKitに置き換えるとアナウンスがありました。既にSmtpClientは非推奨になっており、今後は廃止されていきます。現在、SmtpClientを使用したソースコードには、Visual StudioからMailKitを使うよう警告が出るようになっています。さっそく、MailKitを使ってメールを送信するサンプルコードを作っていきます。UTF8でメールを送信文字エンコーディングを、UTF8でメールを送信するサンプルコードです。
MailKitは、デフォルトの文字エンコーディングがUTF8なっている為、シンプルなコードでメールを送信する事ができます。var host ="<smtp server name>"; var port =25;// or 587using(var smtp =new MailKit.Net.Smtp.SmtpClient()){//SMTPサーバに接続する smtp.Connect(host, port, MailKit.Security.SecureSocketOptions.Auto);//認証が必要な場合は、以下のコメントを解除//smtp.Authenticate("<id>", "<password>");//送信するメールを作成する var mail =new MimeKit.MimeMessage(); var builder =new MimeKit.BodyBuilder(); mail.From.Add(new MimeKit.MailboxAddress("",&quo…