html - 删除网站中的图像背景？

Question

如何使图像中的背景透明？我的大部分图像都有白色背景。当我在我的网站中使用它们时，我的 body 背景颜色为黑色，看起来很尴尬。

我尝试使用 Fireworks 没有成功魔术棒工具去除白色背景。我也应用了 CSS 透明属性，但它对我也不起作用。

使图像背景颜色透明的最佳方法是什么？

Answer 1

你应该使用什么图片格式

您应该使用带 alpha channel 的 PNG 图片，即所谓的 RGBA 图片。

将您的作品保存为 PNG 并确保它以 RGBA 颜色保存。

Wikipedia.org, Portable Network Graphics

如何，使用 GIMP(应该类似于 photoshop)

• 用GIMP打开你的图片文件.
• 如果您的图片图层不包含 Alpha channel ，请右键单击图层并选择“添加 Alpha channel ”。
• 使用“模糊选择”、“按颜色选择”或“剪刀选择”工具选择背景区域。
• 点击删除。
• 将结果另存为 PNG具有 RGBA 颜色的格式。

完成后它应该看起来像这样:

一些笔记

• 试用上述选择工具，了解在何种情况下使用哪一种。
• 还要注意工具设置，尤其是模糊和颜色选择工具。
• 如果您的图片包含主题和背景之间的模糊过渡，您也应该尝试在最终图片中做到这一点。你可以使用