Интерполяция изображений в Google Chrome против GIMP

Question

У меня есть большое изображение png (950x500px), которое я уменьшил с помощью CSS до ширины 500 пикселей (и максимум 263). Прежде чем разместить эту веб-страницу в Интернете, я решил масштабировать изображение, используя GIMP, поскольку масштабирование изображений с помощью CSS - это плохая практика. Однако заметное снижение качества изображения при масштабировании изображения с использованием GIMP, а не CSS в Google Chrome, хотя оба изображения являются png и имеют одинаковые размеры. Я пробовал использовать все четыре метода сжатия, предлагаемые GIMP (None, Linear, Cubic и Sinc (Lanczos3)), и ни один из них не соответствует качеству изображения, данному Google Chrome.

Какой способ сжатия использует Google Chrome для обеспечения такого высокого качества масштабирования изображения и как я могу достичь этого в автономном режиме?

Answer 1

Вы можете получить ответ на свой вопрос здесь: How web browsers resize images

Chrome, похоже, использует несколько алгоритмов в зависимости от коэффициента масштабирования:

С очень небольшим строну уменьшения (557 до 555 пикселей), Chrome использует ту же линейную интерполяцию , что и при масштабировании. (Тот факт, что этот график отключен артефакт пути ResampleScope работает, и не имеет ничего общего с Chrome.)

Но посмотрим, что произойдет, если мы вниз по шкале только немного больше, 543 пикселей: [ ...] Мы получаем совершенно другой результат: явно 3-лопастной фильтр Lanczos . Стратегия Chrome может заключаться в использовании Lanczos при уменьшении изображения более чем на 2,5%.

Если вы должны сделать это самостоятельно (чтобы получить больше контроля над результатом), Cubic, как правило, лучший выбор масштабирования и Sinc (Lanczos3) для масштабирования вниз.
Если вы масштабируете изображение самостоятельно, вы знаете, как он будет выглядеть во всех браузерах.

Примечание:Есть все больше компьютеров, оснащенных дисплеями с высоким разрешением (в 4 раза больше плотности пикселей классического дисплея). Вы можете проверить, как изображения выглядят на этих компьютерах. Существует большая вероятность того, что они будут расширены браузером.