在 Illustrator CS5 中导出和另存为网页的不同尺寸/尺寸

平面设计 adobe-illustrator 网站设计 文件大小
2022-01-29 15:52:05

我有一个 1020px X 200px 画板/文档尺寸的文件,图纸覆盖了整个画板,如下所示。

方面

当我将文件“导出”为“png”(文件>导出)时,它的尺寸变为 4250px X 458px,如下所示。

出口

但是,当我使用“保存为 Web 和设备”(文件>保存为 Web 和设备)并保存为“png”时,它的尺寸保持不变,即 1020 像素 X 100 像素,如下所示。

另存为

知道为什么会这样吗?文件使用类似的选项保存,即。png-24 格式,剪辑到画板,另存为背景,隔行扫描,rgb 颜色配置文件。

4个回答

如果您希望图像匹配画板大小,请在导出时勾选“使用画板”选项。否则,图像以给定的大小导出,而不是画板大小。

导出大小的巨大差异可能是由于投影等栅格效应造成的。

此外,(基于下面的评论)以 300ppi 导出的文件在尺寸方面将比以 72ppi 导出的文件大得多。由于 png 文件不存储 ppi 等数据,因此会调整文件尺寸以适应更高的分辨率。

要匹配相同大小的画板,您必须以 72ppi 的分辨率导出它。如果将其更改为 150ppi 或 300ppi(或任何其他),PNG 将增加其大小以适应该分辨率

您正在以高分辨率 (300dpi) 导出。另一方面,“Save for Web”的自动分辨率为 72dpi。300dpi PNG 比 72dpi PNG 大,因为图像中的像素数量增加了,而打印尺寸保持不变。

如果目标分辨率为 72dpi,则很容易将图像导出为具有特定像素尺寸的 PNG。只需将画板设置为精确的像素尺寸并选择“使用画板”即可导出。

但是,不幸的是,使用高 (300 dpi) 分辨率设置将 Adob​​e Illustrator 中的图像导出为具有特定像素尺寸的 PNG 格式,似乎需要用户进行数学计算,并且可能需要手动调整图稿的大小。我在 Illustrator 设置和在线都没有找到任何自动解决方案。

指示:

  1. 将最终所需的像素宽度除以 4.166(使用问题中的示例,1020px / 4.166 = 244.839)。

  2. 在 Illustrator 中,将 General Unit Preferences 设置为“Pixels”。

  3. 以最终所需的像素尺寸(在本例中为 1020 像素 x 100 像素)创建空白画板,或将现有画板调整为最终所需的像素尺寸。

  4. 保持比例锁定,将画板宽度更改为步骤 2 中的商,根据需要向上或向下舍入为整数。(在本例中,宽度现在为 245 像素,高度将相对于宽度自动更改为 24 像素)。

  5. 将艺术品添加到画板或调整现有艺术品的大小以适应。

  6. 使用高分辨率 (300 dpi) 指定“使用画板”导出为 PNG。

结果应该是具有 300dpi 分辨率和最终所需像素尺寸(在示例中为 1020 像素 x 100 像素)的图像的 PNG 文件。

顺便说一句,“4.166”表示将 72dpi 图像转换为 300dpi 时发生的放大量。如果您将 Illustrator 中的文件导出为 PNG 格式,并且将画板设置为最终所需的像素尺寸,并指定“使用画板”和高分辨率 (300dpi),则生成的 PNG 文件的尺寸将比您的文件大 4.166 倍最终所需的尺寸。

转换后的像素宽度,300dpi / 最终所需的像素宽度,72dpi = 4.166(使用示例,4250 / 1020 = 4.166)

我很想知道是否有人知道这样做的自动化方式!

我在 CS6 中也看到过这个问题。似乎当画板坐标(X 和 Y)没有完美地定位在像素坐标上时,由于在文件菜单中使用“导出”时的一些舍入问题,会导致大小变化。

我使用画板(宽:184 像素高:184 像素)创建了许多 184 x 184 像素的图标,然后将它们拖动以创建副本。然后我意识到画板坐标并没有完全在一个像素上(例如 X:3617,21 px Y:-1787,83 px)。这个特殊的画板在导出时最终为 185 x 185 像素。

所以我将画板位置 X 和 Y 调整为“精确”像素(X:3617,0 px Y:-1788,0 px)。在此之后,我在导出时获得了 184 x 184 像素的图像。