Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

如何在您的网站上嵌入来自 Google Drive 的图像

Posted on 2022-05-15

正在寻找一个托管图像的地方,以便您可以将它们嵌入到您的网站上?最受欢迎的图片托管服务是imgur.com和imgbb.com ,但您是否知道您也可以使用 Google Drive 托管图片。

它的工作原理是这样的。您将图像文件上传到 Google Drive 并公开该文件。 Google Drive 现在将生成上传文件的高分辨率缩略图,您可以将其直接嵌入您的网站或电子邮件中。

生成 Google Drive 图片链接

1.共享文件

转到 Google Drive 并上传您希望嵌入网站的图片。接下来,右键单击图像并选择Get link以获取上传文件的可共享链接。

Get Link - Google Drive

2.更改权限

在共享对话框中,选择权限下拉菜单并选择Anyone with a link 。这将使互联网上有权访问共享链接的任何人都可以看到该文件。即使没有 Google 帐户的用户也可以使用该文件。

单击Copy link按钮将文件的链接复制到剪贴板。

Make File Public

3.生成链接

接下来,打开Google Drive Embed页面并将文件链接粘贴到输入文本框中。单击“ Generate ”按钮以获取您可以放置​​在您的网站或电子邮件中的图像的直接链接。

Google Drive Image link

驱动器图像链接是如何生成的

在内部,该工具获取您 Google Drive 上图像的公共链接,并从 HTML 中获取Open Graph 图像。然后它会更改 OG 图像的s参数以切换到高分辨率缩略图。这是一种类似的技术,我们用来获取Google Drive 照片的直接链接。

Google Drive OG Image

替代方法

如果您更喜欢自己修改 URL,这里有一种替代方法可以帮助您为驱动器图像生成直接链接。

如前所述,将您的 Google Drive 中的图像文件设为公开,然后获取公开图像的文件链接。 URL 将是这样的:

 https://drive.google.com/file/d/13XE4Ah1aK5kSGniMbeard9DJ1iuroR_K/view?usp=sharing

Google Drive 链接中的13XE4Ah1aK5kSGniMbeard9DJ1iuroR_K部分是文件的唯一 ID。获取该文件 ID 并将其替换为以下 URL:

 < img src = " https://drive.google.com/uc?id=DRIVE_FILE_ID " alt = " Google Drive Image " />

您可以使用此链接轻松地将图像嵌入到 Google 表格中。这种方法的唯一缺点是您无法控制生成的图像的大小。在前面的示例中,您可以轻松更改宽度参数以生成任何特定大小的图像。

另请参阅: Google Drive URL 技巧

原文: https://www.labnol.org/google-drive-image-hosting-220515

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Bits about Money
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Elad Gil
  • Ellie Huxtable
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • Henrique Dias
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Lou Plummer
  • Matt Stoller
  • Mert Bulan
  • Mostly metrics
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • Thinking Deep & Wide
  • Tim Kellogg
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme