Изменить белый фон изображения по умолчанию

У меня есть div с тегом привязки. Внутри тега привязки я хочу иметь изображение. В основном, изображение идет с белым фоном. Я пытаюсь изменить этот фон на цвет div (серый). Фотография представляет собой квадрат, а часть, оставшаяся от изображения, имеет белый фон. Есть ли возможность это изменить??

<div class="container">
            <a target="_blank" href="">
                <input class="image" type="image" alt="" src="photo.png">
            </a>
</div>

Вы пытались сохранить изображение с прозрачным фоном?

Andy 17.05.2022 11:16
вы можете манипулировать изображением с помощью filter, хотя вам, вероятно, лучше изменить цвет изображения вручную, прежде чем использовать его.
Sigurd Mazanti 17.05.2022 11:31
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Введение в технологический стек Twitch
Введение в технологический стек Twitch
В этой статье мы подробно рассмотрим стек Twitch, который подразделяется на следующий набор технологий:
8 полезных HTML-тегов, которые лучше использовать вместо <div>
8 полезных HTML-тегов, которые лучше использовать вместо <div>
Когда я только начинал изучать html, я использовал div для всего, это был один из первых тегов, которые я выучил, и казалось, что он работает в любой...
HTML5: API локального хранилища (Local Storage)
HTML5: API локального хранилища (Local Storage)
LocalStorage - это простой способ хранения данных в браузере пользователя.
Доступность HTML - программирование с инклюзивной перспективой
Доступность HTML - программирование с инклюзивной перспективой
Представьте, что вы хотите поехать на пляж. Представьте, что вы упорно трудились весь год и заслужили это. Прибыв на место, вы обнаруживаете, что...
Именование классов CSS: Конвенция именования BEM
Именование классов CSS: Конвенция именования BEM
Сопровождаемость кода, сама по себе, является пульсирующим эффектом нескольких факторов. Когда часть программного обеспечения читабельна, ясна,...
0
2
32
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Если белый фон является частью изображения, это означает, что файл изображения содержит белые пиксели в качестве фона, вы не сможете изменить его с помощью кода (простым способом). Я предлагаю вам отредактировать изображение с помощью https://www.photopea.com/ или любого другого программного обеспечения для редактирования изображений (Photoshop, Gimp, ...), чтобы удалить эти белые пиксели, а затем сохранить изображение в формате PNG, чтобы сохранить его прозрачность.

Да, если изображение содержит только этот белый фон, его нельзя изменить с помощью javascript, поэтому вам нужно использовать любое из онлайн-программ для редактирования изображения.

Другие вопросы по теме