涨姿势!5个方面帮你彻底掌握AI中的「存储为WEB所用格式」

hhoney111

hhoney111

2016-01-28 18:11

涨姿势!5个方面帮你彻底掌握AI中的「存储为WEB所用格式」,飞屋睿UIdesign:在AI中“存储为WEB所用格式”的目的是为了优化图片在网站或其他屏幕端的展示效果,例如平板或手机。“优化”这个词是指在图片大小和品质之间的最优组合。我们希望在网页里能尽快加载图片,那么图片就 ...
飞屋睿UIdesign :在AI中“存储为WEB所用格式”的目的是为了优化图片在网站或其他屏幕端的展示效果,例如平板或手机。“优化”这个词是指在图片大小和品质之间的最优组合。我们希望在网页里能尽快加载图片,那么图片就必须要小,但是我们又不希望因此而损害图片的品质。“保存为WEB所用格式”这一命令让我们可以预览被优化后的矢量图,以便我们能调试到最佳效果。

我们会在这篇文章中带大家回顾一下保存为WEB的图片的格式,然后向大家展示哪类作品适合保存于哪种格式。UI设计师们快学起来!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)一、保存为WEB的对话框

进入【文件存储为WEB所用格式】就会弹出对话框,可以说这个命令几乎就是一个独立的应用,所以这个对话框窗口占据了整个屏幕。

1feiwu20151230

你可以通过三种方式浏览你的作品。最左边的“原稿”可以简单地展示原稿效果,但由于你是要预览被优化后的效果,因此这个选项几乎没有作用。你也可以来到“优化”这个选项,在这里可以预览到优化后的效果,或者你还可以选择“双联”,这个选项会让你将原稿和优化后的作品左右对比进行预览。在下图中,左边的是原稿,右边是优化后的效果(在本例中,是作为GIF格式进行优化的)。

2feiwu20151230

在左下角的下拉框选项中选择预览的比例值,你可以输入比例来缩放预览的图片,也可以通过快捷键方式来调整和缩放图片。

点击左下角的“预览”按钮,你立刻能在自己的默认浏览器中看到这张图片的展示效果,如果你还想知道别的浏览器的效果,你就需要点击按钮右边的地球图标来添加更多。

3feiwu20151230

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

保存为WEB格式的界面中最为重要的部分就是图片大小,在每个预览图的下方都会出现这个图片的文件类型和大小。在下图中可以看到,我们的左边的原稿是ai格式,文件大小是1.85M,而右边优化后为GIF格式,文件大小变为了14.53K。既然是要在文件大小和品质之间找到最佳平衡,因此你需要时刻保持对文件大小的关注。

4feiwu20151230

1234
展开更多 50%)
分享

猜你喜欢

涨姿势!5个方面帮你彻底掌握AI中的「存储为WEB所用格式」

Illustrator
涨姿势!5个方面帮你彻底掌握AI中的「存储为WEB所用格式」

5个方面帮你彻底掌握AI中的存储WEB格式

Illustrator CorelDRAW
5个方面帮你彻底掌握AI中的存储WEB格式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop将图片存储为WEB所用格式技巧

PS PS基础
Photoshop将图片存储为WEB所用格式技巧

帮你掌握图片排版设计的5个技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
帮你掌握图片排版设计的5个技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

备孕工作 5个方面必须为之

孕前
备孕工作 5个方面必须为之

5个设计技巧帮你快速掌握留白的艺术

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
5个设计技巧帮你快速掌握留白的艺术

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AI教程!手把手教你创建繁复之美的曼陀罗图案

AI教程!手把手教你创建繁复之美的曼陀罗图案

《暗黑破坏神2》冰雷系法师

《暗黑破坏神2》冰雷系法师
下拉加载更多内容 ↓