Rozmazané obrázky mívají většinou jednoduchou příčinu: na web byl nahrán soubor s nízkým rozlišením nebo došlo k automatickému zmenšení / kompresi.
Co zkontrolovat
- Velikost souboru – u fotek je ideální mít delší stranu alespoň ~1600–2000 px (podle toho, jak velký blok na webu používáte).
- Formát – pro fotky používejte JPG/WebP, pro loga a grafiku s ostrými hranami PNG/SVG.
- Ořez a poměr stran – pokud nahrajete např. úzký výřez a natáhnete ho přes celou šířku, bude působit neostře.
- Zdrojový soubor – některé obrázky stažené ze sociálních sítí jsou už z principu zmenšené.
Jak to opravit
- Nahrajte stejný obrázek znovu, ale v lepší kvalitě (vyšší rozlišení).
- U loga ideálně použijte SVG (když ho máte), případně PNG ve vyšším rozlišení (např. 2×).
- Pokud jde o banner přes celou šířku, počítejte s tím, že potřebujete opravdu velký zdrojový obrázek.
Tip
Chcete si hlídat kvalitu a zároveň rychlost webu? U fotek se snažte držet rozumnou velikost souboru (typicky do jednotek MB) a preferujte moderní formáty.
