如何更改 chrome 中的透明图像背景颜色？

Question

如何在 Chrome 中更改透明图像背景颜色？例如，如果我有一个带有透明部分的 png，我想将该透明部分的颜色更改为红色而不是白色。或者更好的是像 Photoshop 这样的棋盘

Answer 1

您可以安装图像透明度，一个 Chrome 插件，用于查看亮灰色棋盘图案：

此链接自 2021 年 12 月起不再工作，开发人员可以在https://tomekf.pl/

类似的扩展有：

• 透明的 https://chrome.google.com/webstore/detail/transparent/phkhgilamababakkmpaegfafbefhgfoe
• 透明独立图像 https://chrome.google.com/webstore/detail/transparent-standalone-im/inmelfailofaofnfdjdkljfchjhogbmh

Answer 2

您也可以打开开发者控制台（热键：）F12并使用一些 JavaScript：

document.body.style.backgroundColor = "white";

Answer 3

如果你正在使用 HTML 进行某些操作，则可以这样做：

<img src="image.png" style="background:red>"

如果您想使用另一个图像作为背景，那么您可以使用这个 CSS 属性：

background:url(http://image.png)

祝你好运。

Answer 4

有一个 Chrome 扩展程序可让您在打开图像时更改 Chrome 的行为：图像居中。

除了将图像放置在浏览器的中心而不是左上角之外，您还可以选择您喜欢的纯色背景颜色或者像 Photoshop 那样的棋盘格背景颜色。

当你寻找锯齿效果好的图片时，它非常有用，因为有很多 png 文件具有一定的透明度，但只能在白色背景上渲染。所以你只是失去了透明度的兴趣，而那种图片仍然显示在带有 alpha 过滤器的谷歌搜索结果中。