Модная сейчас тема — оптимизация контента под retina (и прочие high-DPI) экраны. На сайтах, в мобильных приложениях, в рассылках — повсеместно. Делать это довольно тяжко и нудно, что уже само по себе немало. Еще один довод против «ретины» — размер файлов и возрастающий трафик. Или сокращающийся?

Retina jpeg

Слева фото девицы в масштабе 1:1 (оригинал), то есть пиксель в пиксель, с качеством JPEG 80%.

Справа — учетверенная (ее не уменьшали) под высокое разрешение картинка, сжатая до тех же размеров средствами браузера. Качество JPEG 41%, размер файла те же 18Кб.

Другие примеры и размеры есть в исходной статье (en).

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

К сожалению, эта хитрость не касается PNG, особенно полноцветных с альфа-каналом. Эти и без учетверения адски большие бывают.