如何将谷歌图片URL用作网页图片的src属性?
解决谷歌图片作为网页src时的CORB问题
- 使用谷歌图片的官方嵌入链接:谷歌图片的原图直链大多存在跨域限制,不要直接复制右键的“图片地址”。正确做法是点击图片的「分享」按钮,获取专为网页嵌入设计的链接或代码,这类链接已经过谷歌处理,允许跨域加载。
- 将图片托管到自己的资源平台:把图片下载到本地,再上传到自己的网站服务器、静态资源托管服务,使用自有域名下的图片链接作为
src。这是彻底解决跨域问题的最稳妥方案,完全避免第三方域名的限制。 - 验证链接指向的资源类型:确保你使用的链接直接指向图片文件(后缀为
.jpg/.png/.webp等),而非谷歌的图片预览页面。如果浏览器请求该链接返回的是HTML页面而非图片资源,就会触发CORB拦截。可以通过浏览器开发者工具的「网络」面板查看请求响应的Content-Type,确认是image/*类型。
内容的提问来源于stack exchange,提问作者Greg Gum
相关产品推荐
相关产品推荐

