如何从图像中删除背景？

Question

在构建我的网站时，我遇到了一张图片，里面有一些文字。

但是只有当我将背景颜色更改为黑色时，文本才会显示。经过一番研究，我认为这是一个透明图像，我们有一些在线工具可以替换背景图像。

有谁知道如何从图像中删除背景真的有效吗？

为什么它会显示文本？

This is my image.

更新：抱歉，我的问题不清楚。这是我的代码

https://codepen.io/ging2507/pen/wvWJeyR

当我删除导航栏的评论时，显示图像的文本（不是普通文本 123131）。我不知道为什么会这样

.navbar {
  background-color: #14425D;
}

Answer 1

我不确定我是否正确理解你的问题。您有要从中删除灰色背景的图像吗？我尝试使用 this tool，这是我得到的以下输出。文本无法阅读，因为它是白色的并且与背景融为一体。希望对您有所帮助

编辑：我发布的工具也可以替换背景，你可以在这里看到

编辑您还可以使用 CSS 为图像添加背景。我已经使用 CSS 为图像添加了线性渐变。可以看到代码

.logo {
  background: linear-gradient(
    105deg,
    rgba(34, 193, 195, 1) 0%,
    rgba(253, 187, 45, 1) 100%
  );
}

<html lang="en">
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=">
  <title></title>
</head>
<body>
  <img src="https://i.stack.imgur.com/Pawab.png" alt="some logo" class="logo">
</body>
</html>

这里有一个 link 到 codepen 如果你想玩一下的话。

Answer 2

图像完全没有变化。它只有一些标记为透明的像素。

考虑 sheet 玻璃。用白色油漆在上面涂漆。把它放在一张 sheet 的白纸上。现在你看不到上面画的是什么了。用黑纸代替白纸。不是你可以看到上面画的是什么。

如何从图像中删除背景？

How remove background from an image work?

web-frontend