如何轻松创建特定图像的多种尺寸？答案

【问题标题】：How can I create multiple sizes of a specific image easily?如何轻松创建特定图像的多种尺寸？
【发布时间】：2018-01-04 01:52:35
【问题描述】：

我有一个图像，特别是矢量图像，所以它可以是我需要的任何大小。但是，我需要创建 8 个不同大小的不同图像文件。以下是尺寸：

AppIconMask@3x~ipad.png 180x180
AppIconMask@3x~iphone.png 180x180
AppIconMask@2x~ipad.png 152x152
AppIconMask@2x~iphone.png 120x120
GameAppIconMask@2x.png 84x84
SpotlightAppIconMask@2x.png 80x80
TableIconMask@2x.png 58x58
NotificationAppIconMask@2x.png 40x40

有没有办法使用快速脚本（最好在 Mac 上或通用）将 .ai、.svg 甚至 .png 图像转换为具有这些文件名和大小的 8 个不同的 .png 图像？

谢谢！

【问题讨论】：

标签： svg png

【解决方案1】：

您可以在 ImageMagick 中执行以下操作：

（Unix 语法）

convert -density 300 image.svg +write mpr:img +delete \
\( mpr:img -resize 180x180 +write AppIconMask@3x~ipad.png \) \
\( mpr:img -resize 180x180 +write AppIconMask@3x~iphone.png \) \
\( mpr:img -resize 152x152 +write AppIconMask@2x~ipad.png \) \
\( mpr:img -resize 120x120 +write AppIconMask@2x~iphone.png \) \
\( mpr:img -resize 84x84 +write GameAppIconMask@2x.png \) \
\( mpr:img -resize 80x80 +write SpotlightAppIconMask@2x.png \) \
\( mpr:img -resize 58x58 +write TableIconMask@2x.png \) \
\( mpr:img -resize 40x40 +write NotificationAppIconMask@2x.png \) \
null:

（Windows 语法）

convert -density 300 image.svg +write mpr:img +delete ^
( mpr:img -resize 180x180 +write AppIconMask@3x~ipad.png ) ^
( mpr:img -resize 180x180 +write AppIconMask@3x~iphone.png ) ^
( mpr:img -resize 152x152 +write AppIconMask@2x~ipad.png ) ^
( mpr:img -resize 120x120 +write AppIconMask@2x~iphone.png ) ^
( mpr:img -resize 84x84 +write GameAppIconMask@2x.png ) ^
( mpr:img -resize 80x80 +write SpotlightAppIconMask@2x.png ) ^
( mpr:img -resize 58x58 +write TableIconMask@2x.png ) ^
( mpr:img -resize 40x40 +write NotificationAppIconMask@2x.png ) ^
null:

我不确定您是否可以在文件名中使用 @ 或 ~。根据您的操作系统的需要和允许编辑名称。

【讨论】：

【解决方案2】：

如果您熟悉 Photoshop，则可以创建 Photoshop 动作。甚至可能有一个动作可供下载。

第二种选择是在服务器上放置 1 个高分辨率版本，并让 GD 或 ImageMagick 等脚本转换为您的大小。可能还需要一些 php。

以上每一项都可以达到所需的结果。这取决于您是希望在服务器上还是在您的个人电脑/笔记本电脑上完成工作。

【讨论】：