Блог

У меня есть прозрачное изображение в формате PNG с размером 50% для экрана сетчатки.
Странно то, что на моих изображениях PNG на обычном мониторе есть эти маленькие артефакты белой линии, которые особенно заметны в Chrome.

Вот скриншот (он немного маленький, но надеюсь, вы его видите):

и увеличении до 400%

Экраны Retina отличаются не размером, а плотностью пикселей. Поэтому уменьшение размера изображений на 50% не поможет. Вместо этого вам нужно будет назначить background-size: 50% 50% .

Это заставит ваш браузер отображать изображение, но на 50% меньше. Поскольку их размер на самом деле больше отображаемого размера, оставшиеся пиксели будут объединены в соответствии с плотностью пикселей вашего экрана.

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