PPI
Pixelová hustota obrazovky – vyšší PPI = ostřejší obraz
Co je PPI
PPI (pixels per inch) je počet pixelů na palec obrazovky, tedy hustota displeje. Vyšší PPI znamená jemnější a ostřejší obraz při stejné velikosti panelu. Telefony hnaly tohle číslo nahoru rychleji než monitory, proto stejný obrázek vypadá na mobilu často líp než na starším notebooku. S tiskovým DPI nemá PPI společného víc než ten palec ve jmenovateli; rozdíl mezi nimi rozebírám tam.
Proč se grafika pro web dělá ve dvojnásobku
Displeje s vysokou hustotou vykreslují jeden bod rozvržení několika fyzickými pixely. Když do prostoru širokého 600 bodů vložíte obrázek se 600 pixely, zařízení ho musí natáhnout a hrany změknou. Proto se podklady připravují ve dvojnásobném rozměru proti tomu, v jakém se nakonec zobrazí, a stránka je zmenší. U loga a ikon existuje jednodušší cesta: SVG se vykreslí ostře v jakékoliv hustotě a žádné varianty se řešit nemusí.
Kde tu honbu utnout
Dvojnásobek má smysl, čtyřnásobek už většinou ne. Větší soubor váží víc, zpomaluje načítání stránky a to se pak podepíše i na výkonu kampaní, které na tu stránku míří. Rozumný kompromis je dvojnásobný rozměr se silnější kompresí. Oko rozdíl v kvalitě nepozná a přenese se míň dat.
Proč zadávám dvojnásobnou šířku
Bannery a obrázky do článků si zadávám rovnou ve dvojnásobném rozměru a pak je proháním kompresí tak dlouho, dokud je vidět rozdíl. Kde to jde, tlačím na SVG, protože tím celá otázka hustoty odpadne. A pozor na screenshoty: ten z displeje s vysokou hustotou má dvakrát tolik pixelů, než by člověk čekal podle velikosti okna. Zmenšit ho na polovinu je v pohodě, zvětšovat se nevyplatí.