Я использую изображение логотипа, которое я создал на фоне изображения.Всякий раз, когда фон содержит желтый / белый цвета, мой логотип получает красные пиксели из ниоткуда.
Код здесь: jsfiddle
<div style="background-color:black;"> <img src="https://i.ibb.co/DrNSqdq/logostern.png" height="100px"> </div> <div style="background-color:red;"> <img src="https://i.ibb.co/DrNSqdq/logostern.png" height="100px"> </div> <div style="background-color:yellow;"> <img src="https://i.ibb.co/DrNSqdq/logostern.png" height="100px"> </div> <div style="background-color:white;"> <img src="https://i.ibb.co/DrNSqdq/logostern.png" height="100px"> </div> <div style="background:url('https://images-na.ssl-images-amazon.com/images/I/61IxMLc8xHL._SX425_.jpg');"> <img src="https://i.ibb.co/DrNSqdq/logostern.png" height="100px"> </div>
На черном / красном фоне все выглядит хорошо.На белом / желтом фоне появляются странные пиксели красного цвета.
Я что-то не так сделал, сохраняя изображение или что здесь происходит?
РЕДАКТИРОВАТЬ: Спасибо за ответы всем.Проблема действительно была с моим компьютером.Проблема была только на Chrome, на Mozilla все выглядело нормально.Это должно быть проблема с моими графическими драйверами.
Я думаю, что это проблема вашего системного графического процессора или браузера.Потому что в конце я вижу это нормально.