❶ 网页图片的下载及保存方法汇总
设计师在浏览花瓣、behance、dribbble等网站时,常将喜欢的图片保存至个人图库。通常情况下,使用浏览器右键另存为即可完成。然而,有些网站出于权限设置,右键无法下载图片。
例如,在站酷首页作品列表中,有时会遇到类似情况。当尝试右键保存某插画大师的作品时,系统会提示作品设置了隐私保护,禁止保存。
解决方法如下:
1:右键点击页面空白处。
2:选择“检查”。
3:在弹出的界面中,选择左上角的箭头。
4:用鼠标选中要保存的图片,单击后会看到下方图片的网络地址。
5:双击复制网络地址,新建浏览器标签粘贴即可。
关键在于找到对应图片的网络地址,然后下载。
另外,有时图片上层有链接遮挡,导致无法右键另存为。例如,站酷首页大banner下的广告图。这是因为图片上方有一个透明的链接区域,右键点击的实际上是这个链接,所以无法下载。
解决方法:
1:右键单击图片。
2:在弹出的界面中找到蓝色行的下方代码,即为图片网络地址。
3:双击复制网络地址,新建浏览器标签粘贴即可。
还有一种情况是图片用css背景制作。在这种情况下,我们无法使用以上方法保存图片,因为右键后在代码区无法找到图片。
解决方法如下:
1:右键单击图片。
2:在弹出的界面右侧会看到对应图片的css样式。
3:选中background-image后面的蓝色链接。
4:右键点击“Open in new tab”。
关于css的介绍,这里就不多说了。它是高级UI必备技能,网上教程也很多。建议UI设计师最好懂一些html+css基础知识,几个星期的学习就可以解决很多UI实际问题。
UI黑客将在以后的文章中为大家带来专为设计师打造的html+css教程,敬请期待。
总结:以上是我们在实际工作学习中经常遇到的图片保存问题。本质上,我们只需要找到图片的网络地址,然后使用浏览器打开即可。
希望这几个方法能解决大家之前遇到的一些问题。