Proč je obrázek po zmenšení rozmazaný a co s tím?

Je problém v souboru, nebo až na stránce?

Stáhněte výsledný obrázek a otevřete ho vedle originálu. Oba zobrazte stejně velké. Není spravedlivé porovnávat originál široký přes celý monitor s výstupem zmenšeným do drobného náhledu, ani naopak.

Pak proveďte dvě kontroly. V zamýšlené velikosti posuďte, jestli snímek funguje pro čtenáře. Při zobrazení obrazových bodů 1 : 1 v editoru hledejte místo, kde vznikla vada. Mnohonásobné přiblížení sice odhalí každý nedostatek, ale samo neříká, zda bude vadit na stránce.

Zapište si pixelové rozměry originálu i výsledku. Soubor o velikosti 150 kB může být ostrý i poškozený; počet kilobajtů neurčuje kvalitu. Pokud se změnily pouze kilobajty a rozměry zůstaly stejné, hledejte příčinu v kompresi, převodu nebo vykreslení, nikoli v úbytku pixelů.

Co napoví podoba vady?

Příznaky nejsou jednoznačnou diagnózou. Tabulka pomůže vybrat první kontrolu, po které upravíte vždy jen jednu věc.

Má výsledek příliš málo pixelů?

Pokud zmenšíte fotografii na šířku 400 px a potom ji na webu roztáhnete na 900 CSS px, prohlížeč musí chybějící obrazové body dopočítat. Obsah se zvětší, ale jemné detaily se tím nevrátí. Na displeji s vyšší hustotou mohou být nároky ještě větší.

Řešení začíná u originálu. Připravte novou variantu podle skutečných rozměrů obrázku na webu, včetně zamýšlené hustoty displeje. Nezvětšujte už zmenšenou kopii, pokud máte původní soubor.

U screenshotu může být problém i opačný: celý široký snímek sice obsahuje dost pixelů, ale v úzkém sloupci se písmo zobrazí příliš drobně. Větší soubor s totožným obsahem čitelnost nevyřeší. Ořízněte screenshot na potřebnou část, případně rozdělte postup na více obrázků. Čtenář musí text přečíst bez luštění celého rozhraní.

Poškodila obraz komprese?

Ztrátové ukládání může změnit obraz i bez změny rozměrů. U fotografie sledujte vlasy, listí, látku a jemné stíny. U screenshotu kontrolujte zejména písmo a barevné linky. Kostičky, skvrny a ztráta struktury jsou užitečnější vodítko než samotná velikost souboru. JPEG při silné kompresi může ukázat i hranice bloků, se kterými pracuje.

Vraťte se k originálu a použijte mírnější nastavení komprese. Měňte jednu volbu, exportujte a znovu porovnejte stejné místo. Opakovaným ukládáním už poškozeného JPG vady neodstraníte. Převod do PNG je také neopraví.

U textové grafiky vyzkoušejte PNG nebo výslovně bezeztrátový export WebP. Výchozí nastavení konvertoru nemusí být bezeztrátové jen proto, že to daný formát umožňuje. Výběr rozebírá přehled formátů obrázků.

Kompresor obrázků nemá posuvník kvality. Pokud jeho výstup poškodí důležité detaily, ponechte původní soubor nebo použijte editor, ve kterém lze sílu komprese nastavit. Další průchod stejným nástrojem není způsob, jak ostrost vrátit.

Proč je ostrý soubor rozmazaný až na webu?

Web nemusí zobrazovat soubor, který jste právě nahráli. Redakční systém vytváří náhledy a šablona může použít příliš malý. Prohlížeč také vybírá mezi responzivními variantami podle informací, které dostane od stránky.

Otevřete skutečně načtený obrázek z panelu Network ve vývojářských nástrojích. Zkontrolujte jeho rozměry a porovnejte je s prostorem na stránce. U WordPressu pomůže postup kontroly načítané varianty. Nahrání ostřejšího originálu nic nezmění, pokud šablona dál roztahuje stejný malý náhled.

Při hledání chyby vraťte přiblížení prohlížeče na běžnou hodnotu a porovnejte zobrazení na jiném zařízení. Měřítko, hustota displeje a způsob převzorkování mohou ovlivnit jemné hrany. Pokud potíž nastává jen během načítání, může jít o dočasný rozmazaný náhled; posuzujte také stav po dokončení přenosu.

Pomůže doostření nebo AI zvětšení?

Doostření může zvýraznit přechody mezi světlými a tmavými místy. Tím se obraz může jevit ostřejší, ale funkce neobnoví informaci, kterou soubor už neobsahuje. Příliš silné doostření navíc vytvoří nápadné lemy kolem hran.

AI zvětšení může chybějící detaily odhadnout. Takový výsledek proto není důkazem toho, co bylo na původní fotografii. Pro čitelnost dokladu, přesnou podobu výrobku nebo text ve screenshotu je spolehlivější lepší originál či nové pořízení snímku.

Pokud původní obrázek ostrý je, nejprve opravte rozměry, kompresi nebo výběr varianty. Základní pořadí úprav najdete v návodu jak zmenšit fotku.

Často kladené otázky