如何根据形状切割png图像？

Question

我没有任何图像处理/编辑工具的经验。我正在做一个项目，这需要我使用不同的形状。我可以使用visio创建不同的形状。但无法摆脱背后的白色背景。我只需要塑造不平方的白色背景。我的方式在线，但不成功。

非常感谢任何帮助。

谢谢， 内甚

Answer 1

绝对任何图像文件都必须包含在矩形框架内，包括png和SVG。

某些图像文件格式可以具有所谓的Alpha通道背景，这样您就可以透过透明区域进行查看。

您要做的是删除白色背景以在Photoshop（或类似工具）中显示Alpha通道背景，然后可以将其保存为透明。

例如在Photoshop中：

1. 如果直接打开此图像并且没有其他图层，请双击显示背景的图层并单击确认框。这会将您的平面图像变成分层图像

2. 选择魔棒工具并确保您具有较高的公差设置（3） 选中魔杖后，单击白色区域，在您的选择周围显示一个选框（白色背景），然后点击删除将其删除。



您的图片现在应该有方格背景，透明度显示。

如果您现在转到文件＆gt;保存为并选择png，您的图像现在应该以alpha背景保存。

请注意：如果这是针对网络的，还有进一步的优化，包括文件格式和文件大小，但这超出了本问题的范围，但我鼓励您阅读Gif格式及其内容。限制，8位和24位png之间的区别以及如何使用SVG。

Answer 2

你可以使用ImageMagick在命令行上完成它，它是免费的，安装在大多数Linux发行版上，可用于OSX和Windows。

基本上，你想让你的白人透明，所以你会这样做

convert shape.png -transparent white result.png

如果你的白人有点灰白色，你可以通过以下fuzz进行一些变化：

convert shape.png -fuzz 10% -transparent white result.png

我添加了棋盘背景，以便您可以在StackOverflow的白色背景上看到它 - 它实际上并不存在。

顺便说一下，当你在那里时，你可能希望修剪到最小的边界矩形：

convert shape.png -fuzz 10% -transparent white -trim result.png

顺便说一句，您还可以使用ImageMagick绘制形状：

convert -size 150x150 xc: -fill none -stroke "rgb(74,135,203)" -draw 'stroke-width 90 ellipse 0,0 80,80 30,80' arc.png

见Anthony Thyssen的优秀例子here。