对其进行重新整理– Photoshop为iOS优化图像的操作

随着越来越多的小工具支持高清显示，这种情况增加了工作量，因为设计师不得不制作两套图像 ：一套用于常规分辨率，另一套用于高清分辨率。

Web设计师日常工作的烦恼之一是坐下来进行重复的图像切片 ，并确保图像与Web兼容 。

如果您是遇到此问题的设计师之一，那么这里可能是您感兴趣的便捷工具： 修复它。

如果不是几天的话，它将为您节省工作时间。

这个免费的插件是由Artiom Dashinsky创建的，用于高清屏幕（重复）切片和缩放图像。

简而言之，Retinize It是一个photoshop动作。

使用重新整理

要使用该插件，请跳至Retinize.it下载该插件，然后双击该文件以将其添加到Photoshop中。

这是他们各自的工作：

已添加。

和“恢复原状！”

转到Photoshop中的“ Windows”>“动作”面板，您会注意到有两个动作“切片！”。

首先，它以正常大小保存图像，然后将其缩放为高清屏幕的两倍大（2x）。

–另一方面，此另一操作有两个作用。

继续吧！

行动。

我们选择了其中一层，然后运行了“重新定型”！

要查看“恢复原状”的票价，我们使用了亚当·惠特克罗夫特设置的天气图标对其进行了测试。

第一个过程按预期将图像保存为正常大小。

如您在下面的屏幕快照中所见，该图标已放大200％。

保存第一个图像后，它将继续执行第二个操作，将图像放大2倍以用于Retina显示屏。

（您也可以结合使用Retina.js ，它执行类似的任务–在高清屏幕中以@ 2x后缀提供图像。）

苹果使用此后缀来拾取更高分辨率的图像，并将其提供给Retina显示屏。

我们在文件扩展名之前的文件名中插入了@ 2x 。

最终思想

有关此主题的更多信息，可以转到以下参考。

在切片和创建供高分辨率使用的图像时，它将减少工作量。

Retinize这是Web设计人员的推荐工具。

• 在视图中支持高分辨率屏幕 – iOS开发者库
• 迈向Retina Web – Smashing Magazine

翻译自: https://www.hongkiat.com/blog/retinize-it-ios-optimized-images/