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

Question

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

任何帮助将不胜感激。

谢谢， 内甚

Answer 1

绝对任何图像文件具有被包含的矩形框之内，这包括PNG和SVG。

一些图像文件格式可以有所谓的alpha通道背景，这可以让你看透透明区域。

你想要做的是删除白色背景以暴露Photoshop中的alpha通道背景（或类似的工具），然后可以保存为透明。

例如在Photoshop：

1. 如果打开这个图像直接，并没有其他的层，双击该说的背景和OK确认框中的层。这将您的平面图像变成一个分层图像

2. 选择魔棒工具，并确保您有一个高容忍度设置（3） 与魔杖选择单击白色区域以调出一个选框围绕您的选择（白色背景）并点击删除将其删除。

您的图片现在应该有一个方格的背景是显示通过透明度。

如果您现在转到文件>另存为并选择PNG，您的图像现在应该用alpha背景保存。

请注意：如果这是针对网络进行的优化，包括文件格式和文件大小，但超出了这个问题的范围，但我鼓励您阅读Gif格式并且它是限制， 8位和24位PNG之间的区别以及如何使用SVG。

Answer 2

您可以在命令行使用ImageMagick完成此任务，ImageMagick可在大多数Linux发行版上免费安装，并可用于OSX和Windows。

基本上，你想使你的白色透明的，所以你会做

convert shape.png -transparent white result.png 

如果你的白人是一点点灰白色，你可以允许一点点fuzz一些变化如下：

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

我添加了棋盘背景只是让你可以看到它在计算器上的白色背景 - 它并不是真的存在。

顺便说一句，你可能会喜欢，而你在那里修剪的最小矩形：

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。