Битмэпные пиксельные картинки (скриншоты, рисунки) — зависит от того, какие размеры подложены. Если подложена картинка, в точности совпадающая с целевым разрешением — то, конечно, будет идеально.
Если разрешение экрана 144 ppi, а подложены картинки для 96 и 192 ppi, то браузер отобразит либо 96 с масштабированием 150% (апскейл), либо 192 с 67% (даунскейл). Даунскейл будет выглядеть чуть лучше, но не идеально, как если бы исходная картинка была специально отрендерена под 144 ppi. Насколько я знаю, большинство сайтов из тех, которые в принципе заморачиваются разными ppi, кладут 1× и 2×, но не промежуточные.
Наконец, есть целый пласт сайтов, которые вообще предоставляют только 1×. И в случае целочисленного скейла есть способ устроить, чтобы они масштабировались алгоритмом nearest neighbor (подложить юзерстиль img { image-rendering: -moz-crisp-edges } любым CSS-инжектящим дополнением) и это pixel-perfect. А если скейл нецелочисленный, то nearest neighbor не будет выглядеть хорошо, а все остальные алгоритмы апскейла мыльные.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
no subject
Date: 2023-03-11 07:29 pm (UTC)Шрифты и картинки SVG — масштабируются идеально.
Фотографии — масштабируются приемлемо.
Битмэпные пиксельные картинки (скриншоты, рисунки) — зависит от того, какие размеры подложены. Если подложена картинка, в точности совпадающая с целевым разрешением — то, конечно, будет идеально.
Если разрешение экрана 144 ppi, а подложены картинки для 96 и 192 ppi, то браузер отобразит либо 96 с масштабированием 150% (апскейл), либо 192 с 67% (даунскейл). Даунскейл будет выглядеть чуть лучше, но не идеально, как если бы исходная картинка была специально отрендерена под 144 ppi. Насколько я знаю, большинство сайтов из тех, которые в принципе заморачиваются разными ppi, кладут 1× и 2×, но не промежуточные.
Наконец, есть целый пласт сайтов, которые вообще предоставляют только 1×. И в случае целочисленного скейла есть способ устроить, чтобы они масштабировались алгоритмом nearest neighbor (подложить юзерстиль
img { image-rendering: -moz-crisp-edges }любым CSS-инжектящим дополнением) и это pixel-perfect. А если скейл нецелочисленный, то nearest neighbor не будет выглядеть хорошо, а все остальные алгоритмы апскейла мыльные.