Jak zmenšit PNG a zachovat průhledné pozadí

Má soubor zůstat PNG?

Začněte místem použití. Jestli tiskárna, editor nebo nahrávací formulář vyžaduje PNG, ponechte formát a řešte jeho velikost. Pokud připravujete grafiku pro web, který přijímá i jiné formáty, můžete otestovat WebP a AVIF.

Technické rozdíly shrnuje porovnání JPG, PNG, WebP a AVIF. Stejný formát může při různém nastavení vypadat jinak, takže samotná přípona kvalitu výsledku nezaručuje.

Jak zmenšit PNG bez změny formátu

1. Ponechte původní soubor. Budete ho potřebovat pro kontrolu barev i pro případný jiný export.
2. Otevřete kompresi obrázků. Klikněte na „Vybrat obrázky“ a nahrajte PNG.
3. Nezapínejte „Změnit také formát“. Komprese se spustí automaticky a vytvoří PNG se stejnými rozměry.
4. Stáhněte PNG. U jednoho souboru použijte „Stáhnout PNG“. Pokud úspora vyjde nulová, může jít o původní soubor, protože nově vytvořený nebyl menší.
5. Porovnejte výsledek na světlém i tmavém podkladu. Zvlášť zkontrolujte průhledné okraje a poloprůhledný stín.

Websio při optimalizaci PNG omezuje barevnou paletu. To může velikost snížit, ale také změnit odstíny nebo jemné přechody. Zachování průhledného pozadí neznamená, že všechny obrazové hodnoty zůstaly stejné.

Pokud potřebujete přesné původní barvy a obrazové hodnoty, použijte nástroj s výslovně bezeztrátovým režimem bez redukce palety, změny rozměrů a převodu barev. Originál ponechte i tehdy, když menší varianta na první pohled vypadá stejně.

Proč se může změnit kvalita, když je PNG bezeztrátové

Bezeztrátové je kódování PNG: uloží a obnoví obrazové hodnoty, které dostane. Před uložením ale může optimalizátor několik podobných barev nahradit jednou. Uloží potom pozměněný obraz, nikoli přesnou kopii výchozího.

Na velké jednobarevné ploše to nemusí být nápadné. V měkkém stínu se však mohou objevit viditelné stupně a v barevném přechodu pruhy. Podobný princip vysvětluje kapitola o ztrátové a bezeztrátové kompresi.

Při práci s firemní grafikou kontrolujte i plné barvy loga. Jestli je přesný odstín součástí zadání, nestačí, že je výsledek „pořád přibližně modrý“. Zachovejte zdrojový soubor a export připravte v odpovídajícím režimu editoru.

Jak vyzkoušet WebP a AVIF s průhledností

Po dokončení komprese zapněte „Změnit také formát“, zvolte „WEBP“ nebo „AVIF“ a klikněte na „Konvertovat“. Můžete ponechat více výstupů pro porovnání. Stáhněte každou potřebnou variantu a zkontrolujte ji v aplikaci či na webu, kde ji skutečně použijete.

Oba formáty průhlednost podporují, ale úspora proti PNG není zaručená. U jednoduché malé grafiky může být PNG velmi úsporné. Rozhodujte podle výsledné velikosti a vzhledu konkrétního souboru, nikoli podle obecného pořadí formátů.

U JPG se průhledné pozadí v tomto nástroji vyplní bílou. To může posloužit například pro obrázek určený na pevné bílé pozadí, ale už nejde o průhlednou grafiku. Podrobnosti má návod na převod do JPG.

Jak odhalit poškozené okraje a stíny

Průhledná plocha kolem loga není jediná část, kterou je třeba prohlédnout. Hraniční pixely a měkké stíny mohou být jen částečně průhledné. Právě tam se chyby projeví až po položení na jiný podklad.

1. Vložte originál i výsledek na bílý podklad. Při stejném přiblížení porovnejte obrys a tmavé části.
2. Změňte podklad na tmavý. Hledejte světlou linku kolem loga, nepravidelné hrany a zbytky barev původního pozadí.
3. Prohlédněte stín a barevné přechody. Mají plynule slábnout, ne tvořit pruhy nebo ostré stupně.
4. Zkontrolujte běžnou velikost zobrazení. U písma přečtěte nejmenší znaky, u loga porovnejte tenké tahy.

Stačí editor, v němž pod obrázek vložíte plnou barevnou vrstvu. Šachovnice průhlednosti sama o sobě nemusí jemné vady ukázat. Pokud je světlý lem už v originálu, vznikl dříve, například při odstranění pozadí. Komprese ho neopraví.

Kdy místo komprese upravit rozměry

Jestli je PNG určené pro malý prvek, ale obsahuje tisíce pixelů na šířku, připravte nejprve vhodnou velikost v editoru. Počet pixelů volte podle rozměrů zobrazení a hustoty displeje. Zachovejte poměr stran a originál pro větší použití.

Kompresor Websio rozměry nesnižuje. Průhledné prázdné okolí můžete v editoru také oříznout, pokud tím nenarušíte požadované odsazení nebo poměr stran. Nečekejte ale úsporu úměrnou oříznuté ploše: jednolité průhledné oblasti se už samy ukládají poměrně úsporně.

Často kladené otázky