Белый контур на PNG, но только при уменьшении

Question

Вот мой сайт: http://smartpeopletalkfast.co.uk/pp/

Меню «Покупки по категориям» слева состоит из изображений и использует PNG. PNG отлично выглядят при обычном увеличении, но когда я уменьшаю FF, а также на моем Ipad, появляются белые линии там, где начинается прозрачность

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

Спасибо

ОБНОВЛЕНИЕ - Кто-нибудь знает ссылку на сайт, где PNG с прозрачностью отображается поверх фонового изображения или цвета? Я хочу видеть, случится ли эта проблема с другими людьми в случае, если это невозможно исправить.

ОБНОВЛЕНИЕ2 - Я думаю, что это происходит только на Ipad и Mac, но не ПК.

ОБНОВЛЕНИЕ 3 - Вот снимок экрана с Firefox Mac, когда я уменьшил масштаб:

Answer 1

Проблема в том, что ваши PNG действительно содержат белый цвет.

Взгляните на свой PNG с удаленным альфа-каналом

и сравните его с этой модифицированной версией с удаленным альфа-каналом

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

Чтобы помочь вам в дальнейшем, нам нужно знать, какое программное обеспечение вы используете для сохранения изображений. Например, в GIMP необходимо убедиться, что вы выбрали «Сохранить цвет фона» при экспорте PNG, но другое программное обеспечение может работать по-другому.