如何从Illustrator图像中导出多种尺寸的图像?


29

我是Adobe Illustrator的新手,我有一个徽标图像,需要使用5或6种不同的尺寸。徽标图像是在Adobe Illustrator中创建的,但是当我尝试将图像保存为PNG或JPEG时,原来应该很简单的东西却变得非常复杂。

我了解到Adobe Illustrator希望将图像视为一定大小,然后希望将该大小乘以每英寸比例因子的像素,以得出其节省的实际像素数。它具有几个有限的比例因子选择,因此只能提供非常有限的一组结果输出像素尺寸。

但是,对于许多网络用途,用户已经知道所需的输出像素尺寸。是否可以仅指定需要保存的图形的像素宽度或高度?

我已经看到了导出图像的建议,然后使用Photoshop调整其大小,但是与从矢量图像创建最终图像相比,这导致了较差的图像质量。



有多种方法,我选择了所有内容,然后选择要导出的图像,然后在页眉中设置了width和height选项,只需对其进行更改,然后将其导出

Answers:


26

单击“文件”>“保存为Web”,然后通过单击Image Size“保存为Web”窗口右侧的选项卡输入像素尺寸。

还是我对您的理解不正确?


很好,谢谢。我仅用了大约15分钟的时间就使用了“导出”功能,但是由于它拒绝使用少于72ppi的功能,因此我不得不为很小的导出量重新调整艺术品和画板的比例,这很可能就是问问者所做的。
Kjeld Schmidt

12

使用File → Save for Web并输入尺寸将完成您要做的事情。而且,Illustrator使用矢量缩放,因此,与在Photoshop中尝试相同的操作相比,结果会更好—输入与Photoshop中的文档不匹配的尺寸,表示图像将按位图缩放。

请注意,如果使用CS6之前的Illustrator版本,则必须在更改尺寸后单击“应用”。

在Illustrator中保存为Web

哦,您很有可能要Convert to sRGB关闭电源-它会破坏性地将图像从当前色彩空间转换为sRGB,从而使色彩发生变化。

在此处输入图片说明


CS6中没有“应用”按钮。...,我不同意“转换为RGB”,您希望为发往网络的图像设置为“ 打开 ”。
Scott

2
感谢有关CS6的技巧。启用“转换为sRGB” 绝对是Web和UI工作的错误方法。这是有关原因的完整文章:bjango.com/articles/photoshop(让我自担风险!)
Marc Edwards

2
您实际上读过这篇文章吗?在进行网络和UI工作时,必须在整个过程中保持准确的颜色值。如果您输入#FF0010作为颜色,则如果要与代码中的颜色匹配,则必须在文件中将其输出为#FF0010。这意味着必须禁用“转换为sRGB”。我感觉到您不做这种工作,也不了解所涉及的内容。
马克·爱德华兹

1
斯科特(Scott),请不要将其视为人为攻击,但从类似的讨论中,我认为您可能对RGB颜色表示有一些错误的想法。另请参见graphicdesign.stackexchange.com/questions/7815/…
e100 2012年

3
在网络上工作时,几乎在每种可能的情况下,转换为sRGB都是错误的选择。“有一个原因使Save for Web团队实现了Convert to sRGB选项” —解决该问题的时间到了。feedback.photoshop.com/photoshop_family/topics/…–
马克·爱德华兹

1

当我需要支持多种像素尺寸时,可以在同一AI文件中复制和缩放图片。每种尺寸都放在单独的正确尺寸的画板上。我将板名附加要导出的文件格式。然后,我运行一个jsx,导出每个画板,并使用在文件中为此格式输入的最后设置,从名称中选择文件格式。这一切都在CS5中。

我将此工作流程用于某些徽标,图标和展示广告。


请,您可以共享.jsx吗?
凯琳

@kelin恐怕我做不到。自从我开始使用Adobe产品以来已经有很长时间了。
便衣

1
:不是一个问题,我在这里发现了巨大的脚本stackoverflow.com/a/28067227/3050403
科琳

0

您也可以在Photoshop中创建适当大小的文档(或在带有指南的区域中进行选框),然后选择“文件”>“放置矢量插图”。

您可以缩放形状的大小,然后再进行渲染。显然,此后进行缩放会降低其质量。

我一直将这种技术用于徽标,以便对大小进行精确控制,例如,在像素边界上获得徽标文本元素的基线(一种提示形式)。


0

我发现这是移动应用程序设计师感兴趣的一个主题,此脚本可以一键创建iOS和Android的视网膜资产。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.