FireFox—火狐浏览器对于美工的妙用之“偷图”


本来这个没什么好说的。几天前,在某个美工群里,有个妹子说喜欢收集一些好看的图片素材,有时候也需要参照别人的效果图,但是很多网页上都做了限制,不能直接保存/下载图片。

传统的做法(很多人其实不知道)是F12审查页面元素,图像素材等一般在【Source】选项下可以找到,或者是用“view-source:”参数,就是在地址栏链接前加上view-source:访问,鼠标操作是右键查看页面源代码,这样在页面上Ctrl+F查找“.png”/“.jpg”/“.webp”等图片后缀就能找到素材链接地址。

今天我整理交接东西的时候,由于Chorme上账号保存太多,所以我直接卸载,重新下载了一个名气同样很大的FireFox,中文称:火狐。使用中发现他页面右键中集成了一个【查看页面信息】的选项,能直接查看页面常规选项、媒体文件、使用权限、安全策略等~这是相当简便顺手啊,下面就来简单操作一番,以淘宝页面为例。

一、下载并安装FireFox-火狐浏览器

可以直接百度下载,或者直接去官网,地址是:http://www.firefox.com.cn/

二、访问Web页面(此处以淘宝为例)


我们进入到一个电饭锅的描述页面,里面有宝贝主图、SKU图、宝贝描述(详情)图以及一些其他图片;下面我要获取一张主图。

三、右键 - 查看页面信息 - 媒体


我们在页面空白处单击鼠标右键,在弹出选项中选择【查看页面信息(I)】,进入到页面信息查看界面,在顶部四个选项中选择【媒体(M)】,下方结构为:网址/媒体预览。同时可以查看到当前所选文件的位置、类型、大小尺寸,这个信息有利于我们排除一些无用的素材,主图一般是800px*800px,描述页宽度一般750px/790px。

四、选择并且下载素材到本地


当我们点选网址栏的链接,下方预览窗口就会出现对应的素材预览图,通过信息显示可以知道是否为我们要找的图,如果预览不全,请调整窗口大小。

选好素材之后,在链接上右击复制链接,或者在下方位置信息处复制链接,粘贴到浏览器地址栏访问即可查看到素材,然后右击另存为,操作简单便捷。

PS:可能有的人除了参考图片素材之外,还会参考一些视频素材什么的,我这边测试了一些,页面信息查看里视频和.GIF的动图也可以用相同的方法获取到,比如XX淘宝店的宝贝展示视频,你在页面信息窗口网址栏下拉,找到.MP4后缀的链接打开就是了。

声明:官仁有话说|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - FireFox—火狐浏览器对于美工的妙用之“偷图”


从来没有这样去喜欢一个女孩子,即便她说现在或将来都不会喜欢我,而我也不会这样放弃 —— 2019 在成都遇见了她