我正在创建很多网页视图，这些视图必须兼容iPhone 4的Retina显示屏和早期的iPhone设备。为每个图像导出多个文件是很费力的。
有没有一种脚本或实用程序可以自动化这个过程？
导出适用于Retina显示屏的@2x图片的简便方法？
3
- thebossman
3
有没有任何方法可以在浏览器中显示它们？ - Eiko
可能可以仅导出@2x图像并在浏览器中缩小它们。必须将background-size设置为视网膜显示样式表中的一半。我会测试并回复您... - thebossman
任何链接都可以。对于应用内的图形，我使用Photoshop和Illustrator中的“保存为Web”功能，并使用双倍尺寸进行导出。不过这是逐个图片处理的。 - Eiko
1个回答
8
如果您使用Photoshop处理艺术品，您只需要记录一个动作来将图像的宽度和高度缩小到原始大小的50％。使用图像处理器（文件>脚本>图像处理器），然后可以在您指定的文件夹中运行该操作以便所有图像。图片将被存储到一个新位置，所以重命名它们很容易。
但是要注意，调整图像大小（即使新分辨率比旧分辨率小）有时可能会使清晰和图形内容变得模糊。如果您的艺术作品大多是图形性质并且已经在Adobe Illustrator（或类似应用程序）中创建，请在那里导出不同的分辨率。
此外，请注意，较大分辨率的图像应该很容易缩小到原始宽度和高度的一半 - 您应该能够将两个值除以二。想象一下13 x 13像素的图像（@2x分辨率），将会被缩放到6 x 6或7 x 7像素。您可以使用较小的尺寸设计您的界面。为了显示高分辨率图像，iPhone会将较小图像的范围扩大一倍，这将导致12 x 12或14 x 14像素。@2x图像就无法精确地适应了，所以要么剪切，要么在边缘出现故障，要么将图像拉伸或收缩以适应。
最后，如果您不使用Photoshop，这里有两个免费的工具可用于批量调整图像大小：
Fotosizer
Irfanview
但是要注意，调整图像大小（即使新分辨率比旧分辨率小）有时可能会使清晰和图形内容变得模糊。如果您的艺术作品大多是图形性质并且已经在Adobe Illustrator（或类似应用程序）中创建，请在那里导出不同的分辨率。
此外，请注意，较大分辨率的图像应该很容易缩小到原始宽度和高度的一半 - 您应该能够将两个值除以二。想象一下13 x 13像素的图像（@2x分辨率），将会被缩放到6 x 6或7 x 7像素。您可以使用较小的尺寸设计您的界面。为了显示高分辨率图像，iPhone会将较小图像的范围扩大一倍，这将导致12 x 12或14 x 14像素。@2x图像就无法精确地适应了，所以要么剪切，要么在边缘出现故障，要么将图像拉伸或收缩以适应。
最后，如果您不使用Photoshop，这里有两个免费的工具可用于批量调整图像大小：
Fotosizer
Irfanview
- Toastor
1
另一方面，如果您正在使用Illustrator，因为图像中的形状是矢量图，您可以调整图像大小，使它们变得更大，而不会失去任何质量。 - Devfly
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接