在Mac OS X上将SVG转换为PNG的命令行应用程序

#1 楼

或不安装任何东西：

qlmanage -t -s 1000 -o . picture.svg 

它将产生picture.svg.png宽1000像素。 OS X 10.6.3。

#2 楼

我发现对我来说，最好的工具是rsvg-convert。

可以在带有brew install librsvg的brew中找到它，其用法如下：是自动确定的。

#3 楼

ImageMagick是一种功能非常强大的命令行图像编辑器，如果它具有GUI，它可能会与Photoshop媲美。但是谁仍然需要那些。 ：P
安装后，类似以下内容会将.svg转换为.png：

$ convert picture.svg picture.png

未删除原始.svg。

#4 楼

使用Inkscape的Commandline-Interface可以为我产生最佳结果：
安装Inkscape：

brew cask install inkscape

将test.svg转换为宽度为1024（保持宽高比）的output.png：

/Applications/Inkscape.app/Contents/MacOS/inkscape --export-type png --export-filename output.png -w 1024 test.svg

旧答案（在最新的inkscape中不再起作用）：

/Applications/Inkscape.app/Contents/Resources/bin/inkscape --export-png output.png -w 1024 -h 768 input.svg*

#5 楼

好的，我找到了一种在Mac上使用Google Chrome的简单方法。 ，则是要在网页中查看webp图像（必须在png文件中），右键单击该图像并选择“复制图像”，然后粘贴到“预览”应用中。 >下载或将jpg文件放入您的硬盘驱动器，例如svg

现在，在同一文件夹中，只需制作一个包含以下内容的HTML文件html：现在，在Google Chrome浏览器中打开该html文件。
您应该看到该图像。现在，只需右键单击图像，然后选择“复制图像”
转到Mac的预览应用程序，然后选择svg文件，现在有了somefile.svg文件，您就拥有了tmp.html文件。 （或其他文件类型）。

此版本已在Mac OS X El Capitan的当前Chrome（版本48.0）上进行了测试。
更新：我不确定是否由于某些限制由Google Chrome实施。我只是使用Chrome 58.0尝试了SVG文件，但从上述方法中得到的图像很小。如果您也看到这种情况，也可以使用

<img src="somefile.svg" style="height: 82vh; margin-top: 9vh; margin-left: 9vh">

，或者，如果您想获得更多利润，请使用：

<img src="somefile.svg" style="height: 64vh; margin-top: 18vh; margin-left: 18vh">

，您会在屏幕上得到足够的图像进行屏幕截图-例如在Mac上使用CmdShift4或CmdShift3。确保首先将Chrome窗口的大小调整为屏幕上允许的最大大小。

#6 楼

我已经使用node / npm进行了svgexport的开发，它是跨平台的，可以很简单地实现：

#7 楼

如果要一次执行许多操作，则可以：

mogrify -format png *.svg

也有一些选项可以即时调整大小。

#8 楼

试试Apache Batik。

java -jar batik-rasterizer.jar FILES

它还支持批处理转换，并具有许多其他有用的选项。

#9 楼

您也可以使用phantomjs渲染svg。优点是它可以像浏览器一样呈现它，因为它基本上是无头的WebKit。

下载后，需要从examples文件夹中获取phantomjs（二进制）和rasterizer.js文件。 >

phantomjs examples/rasterize.js Tiger.svg out.png

#10 楼

这就是我使用的方法：

brew install imagemagick --with-librsvg

然后运行以下命令：

find . -type f -name "*.svg" -exec bash -c 'convert q4312079q q4312079q.png' {} \; rename 's/svg\.png/png/' *

希望它会有所帮助。

#11 楼

无需安装任何内容的另一种方法。但是不在命令行中。


在Safari中打开.svg文件。
按alt-command-i打开检查器。
右键单击<svg>标签，选择“捕获屏幕截图”。 （请注意，请勿放大图像。）

P.S.要放大.svg图像（如果它太小），请尝试在文本编辑器中打开.svg文件，并将0附加到每个数字（元属性中除外）。这可以通过从(\d+)到的全局正则表达式替换来完成，例如，其中是用于反向引用的占位符。

#12 楼

我在Linux上使用此命令。

mogrify +antialias -density 2000 -verbose -format png *.svg

我了解到，如果没有“ -density”参数，则位图将非常像素化。更改-density值以满足您的需求。

#13 楼

ImageMagick的convert命令（使用其他一些参数）对我来说是什么。这是我的批处理Bash脚本解决方案，它将任务划分为多个进程以利用您的所有内核！

batchConvertToSVG.sh（将进程数作为参数）：

end=$((  - 1 ))
for i in `seq 0 $end`;
        do
            echo Spawning helper $i of $end
                ./convertToSvgHelper.sh $i  &
        done 

convertToSvgHelper.sh：

n=
for file in ./*.svg; do
   filename=${file%.svg}
   echo converting file named $filename
   test $n -eq 0 && convert -format png -resize 74 -background transparent -density 600 $file $filename.png
   n=$((n+1))
   n=$((n%))
done

#14 楼

您可能要签出svgexport：

svgexport input.svg output.png 64x
svgexport input.svg output.png 1024:1024

svgexport是我制作的用于将svg导出到png / jpeg的简单命令行工具和npm软件包。要安装svgexport，请安装npm，然后运行：

npm install -g svgexport

#15 楼

我基于@seb的答案创建了一个函数

function svg2png() {
    svgFile=;
    width=;

    if [[ -z `file ${svgFile} | grep 'Scalable Vector Graphics image'` ]]; then
        echo "file ${svgFile} type is not SVG";
        return 1;
    fi

    echo "file ${svgFile} type is SVG";

    if [[ -z ${width} ]]; then
        echo "width not specified, using width=1024 as default";
        width=1024;
    fi

    pngFile="$(echo ${svgFile} | sed "s/\.[s,S][v,V][g,G]/\.png/")";

    inkscape --export-type png --export-filename ${pngFile} -w ${width} ${svgFile};
}

将其添加到您的.bashrc或.zshrc中并执行

source .bashrc
# or
source .zshrc

用法：
svg2png ./Documents/times_clocks .svg 2048

#16 楼

如前所述，ImageMagick可以解决问题。我只是想为GraphicsMagick添加一点，它是ImageMagick的旧分支，具有一些改进（通过fink安装时，依赖项膨胀少得多）。

#17 楼

您可以将SVG文件的整个文件夹批量转换为PNG。我使用了Inkscape命令行界面来生成宽度为80px的png文件。

#18 楼

wkhtmltoimage（来自项目wkhtmltopdf）可以很好地进行此转换：

#19 楼

我已经开始组装工具以提供用于常见操作的简化界面。
您可以将SVG转换为PNG，如下所示： 。
如果没有其他内容，请查看源代码，了解如何编写自己的脚本以使用JavaScript进行操作。