从浏览器保存的图片打不开,该咋办?

简介: 从浏览器保存的图片打不开,该咋办?

今天来聊聊「图片格式」的话题——使用 Chrome 浏览器的朋友,可能遇到过这么一种情况:从浏览器保存到本地的图片,格式不是常见的 jpg/jpeg/png/gif,而是 webp。 就像下面从 Chrome 保存到素材管理软件 Eagle 中的图片,格式都为 webp。   641749b5fa5cf9a1df6f2130f00e2a15_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpgwebp 是谷歌推出的一种图片格式,在网页上使用这种格式,可以提升图片的加载速度,但保存到本地,尤其是 Windows 系统,使用系统自带的「照片」,就无法顺利打开。 对于这个问题,我来提供几个可供采用的方法,希望能帮到遇到相同问题的朋友。

01 浏览器开发者工具

在浏览器中按下 F12 键,打开下方的「开发者工具」,你会看到一团密密麻麻的代码。 代码看不懂不要紧,只需要着重看一个字段 href,以及等号后面以 .jpg 或者 .jepg 的链接,将鼠标移动到链接上方,还会显示图片链接的预览图。 通过预览图找到想保存的图片,直接点击链接,会在浏览器中打开一个新的页面。   287d43d73a9dd2c56621453fdf761e43_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg在打开的新标签页顶部,可以看到当前图片的格式为 jpg,右击选择「图片存储为」,图片就会以 jpg 的格式保存到本地。 0c3d9a60760cd825b0dd1c5f05a7f612_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

02 浏览器插件

第 1 个方法还是有些麻烦,我们可以使用一种更为简单的方法:安装浏览器插件「图片另存为 JPG/PNG/WebP」。 安装插件之后,浏览器右键菜单会多出一个选项,在保存图片时可以选择保存的图片格式。 ee5ce231fb1a1a883fc4de0c08ff2581_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

03 素材管理工具 Eagle

这是一个「曲线救国」的方法。 前面说到,我会把在网上看到的一些图片,通过素材管理工具 Eagle 的插件保存到 Eagle 客户端。 514cc9571be56f7641e463fa5cca88bd_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg使用 Eagle 插件保存网页图片很方便,但它还是存在一个问题,采集到的不少图片格式都为 webp…  502ffeeefbfb3eecd1d35cca08a7733f_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg不过,比较欣慰的是,Eagle 还给我们留了一条后路: 将保存在 Eagle 的图片导出到指定文件夹时,可以指定导出的图片格式777640b2387da1c682720fc91f3b8327_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg导出时默认的图片格式为 JPG,即便原先是 webp 格式的图片,借助 Eagle 的导出功能,也可以得到兼容性更好的 jpg 格式。 如此一来,Eagle 的导出功能,相当于是一个隐形的图片格式转换工具了。    eb533547873224751b31404b664e4026_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

04 图片格式转换工具

最后再介绍一种很常规的方法,使用图片格式转换工具,将 webp 转换为想要的图片格式。 图片格式转换,推荐一个开源的免费工具——洋芋田图像工具箱,软件支持 Windows 和 macOS 系统。 软件功能很全面,既有我们这里需要的格式转换,还有其他你可能会用到的功能,不多介绍了。   f2bf95cbc7b166a44f8628d43f9deb0d_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg洋芋田图像工具箱:
https://www.potatofield.cn/imagetoolkit/    
以上,就是本次想和你分享的内容。      


相关文章
|
7月前
|
JavaScript 对象存储
在阿里云OpenAPI 为什么oss 图片链接, 在浏览器访问直接下载了,不是预览呢?
在阿里云OpenAPI 为什么oss 图片链接, 在浏览器访问直接下载了,不是预览呢?
516 1
|
Web App开发 Ubuntu
解决Ubuntu14.04安装Chrome浏览器打不开的问题
解决Ubuntu14.04安装Chrome浏览器打不开的问题
669 0
|
6天前
|
计算机视觉
关于人脸识别最近浏览器打不开摄像头的解决方案
关于人脸识别最近浏览器打不开摄像头的解决方案
63 0
|
6天前
|
域名解析 应用服务中间件 对象存储
解决阿里云oss图片浏览器访问直接下载而不是打开
解决阿里云oss图片浏览器访问直接下载而不是打开
635 0
|
9月前
Qt图片浏览器
可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来或者打开文件选择 重载实现dragEnterEvent(拖拽)、dropEvent(拖拽放下)、resizeEvent(窗口大小改变)
81 0
|
9月前
|
Swift iOS开发
iOS PhotoBrowser 横竖屏图片浏览器
iOS PhotoBrowser 横竖屏图片浏览器
109 0
|
11月前
|
开发者
【浏览器按F12打不开开发者工具(兼容模式打开处)】
【浏览器按F12打不开开发者工具(兼容模式打开处)】
168 0
【浏览器按F12打不开开发者工具(兼容模式打开处)】
|
测试技术
排错-Loadrunner录制打不开浏览器解决方法
排错-Loadrunner录制打不开浏览器解决方法
838 0
|
JavaScript 前端开发
js: color-thief在浏览器中拾取图片的主色调
js: color-thief在浏览器中拾取图片的主色调
236 0
js: color-thief在浏览器中拾取图片的主色调
|
Swift
swift之图片浏览器
swift之图片浏览器
337 0
swift之图片浏览器