Потеря качества картинки на сайте

Рейтинг: 0Ответов: 1Опубликовано: 30.03.2023

В редакторе pixlr сделана картинка формата png с шахматным фоном вместо белого цвета. Я считаю, что при размещении ее на сайте с фоновым рисунком фоновый рисунок останется нетронутым там, где на вставляемой картинке прозрачный фон. Но этого не произошло. Почему? Труды Чайного Клуба

Ответы

▲ 1Принят

Можно убрать фон background-color: #fff; у класса .site но это уберет всю заливку

введите сюда описание изображения

и я подозреваю, что это не совсем то что Вам нужно, скорее всего белую рамочку Вы хотите сохранить.

Поэтому предлагаю в css правилах Вам прописать такое правило, если дело касается только этой картинки

img[src="https://teannuals.club/wp-content/uploads/2023/03/ainwonderland.png"]{
  background-image: url("https://teannuals.club/wp-content/uploads/2023/03/bg.jpg");
}

Таким образом Вы добавите вместо прозрачности клетчатый фон, будет эффект прозрачности:

введите сюда описание изображения