Html 电子商务商店中的未知实时后台操作

我偶然发现了一个德国的电子商务网站，它似乎通过过滤所有产品图片的背景来进行操作，我需要知道它是如何工作的

带有exmaplary产品图像的原始URL：

如果我检查它，就会给出带有一些变量的url，很明显，产品图像的“或多或少”白色背景会变为一致的#f5灰色调

我需要知道这是怎么回事

我总是很难用一致的白色背景（255/#fff）拍摄出漂亮的产品照片。所以，我认为这种通过过滤器操纵背景的方法可能非常方便。

---

我询问了我所知道的优秀程序员，并向他们展示了toom.de网站，但没有人能告诉我他们是如何做到的……

他们编写了一个服务，根据查询字符串更改图像，根据您提供的图像源，他们返回图像作为响应

例如，检查我已经更改了宽度的查询字符串，您将看到差异

你的原创作品：

我更改了查询字符串的宽度：160

---

检查差异

如果您不使用他们使用的服务，您可以使用css筛选器属性，但您需要手动设置百分比以适应您的背景

img{
  filter: invert(4%);
}

如果您想知道，只需检查他们使用图像的内容，并使用以下代码即可

HTML

---

要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他非现场资源的问题与堆栈溢出无关

<img class="a-picture__image" data-js-picture-image="" src="https://static.toom.de/produkte/bilder/aktionsartikel/1500896.png" srcset="https://static.toom.de/produkte/bilder/aktionsartikel/1500896.png" alt="hauptbild">

.a-picture__image {
    width: 100%;
    height: auto;
    filter: invert(4%);
}