HTML PNG透明图片

Question

我正在尝试将 png 图像放入我的 html 正文中。挑战是我的背景是灰色的（目前，但可能会改变）而应该透明的 png 背景是白色的。我如何告诉 html 将图像视为 png 而不是常规图像？我可以将它设置为透明还是我必须指定背景颜色（如果我更改背景，透明将是理想的）？

我的代码目前是

  <img src="{% static 'livestream/images/streamON.png' %}" alt="on" width="300" height="300">

原文由 IdeoREX 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

透明度不是在 HTML 中完成的，而是图像本身的一部分。浏览器会将图像视为 PNG 并自动将其显示为 PNG。要为图像添加透明度，您必须使用 Photoshop 等图形编辑器编辑文件。

原文由 nullability 发布，翻译遵循 CC BY-SA 3.0 许可协议