У меня есть изображение товара с белым фоном. Ссылка на источник изображения поступает из клиентской базы данных. Итак, мне нужно преобразовать изображение в прозрачный фоновый цвет (из белого) с помощью JS или CSS.
Кто-нибудь знает лучшее решение для это?
Я слышал, добавив значение bkgnd=transparent
к URL-адресу изображения. Это возможный способ?
Много раз искал в Google, но не нашел правильного решения.
Смотрите мой код:
.container {
width: 100%;
max-width: 600px;
padding: 10px;
background: url(https://picsum.photos/200/300) center center no-repeat;
background-size: cover;
}
img {
width: 100%;
}
<div class="container">
<img src="https://imgd.aeplcdn.com/1056x594/n/suk7osa_1474663.jpg?q=85">
</div>
JSFiddle