Srovnání formátů
PNG, nebo JPG: jaký formát obrázku byste měli použít?
PNG a JPG řeší různé problémy: PNG ukládá pixely bezztrátově a podporuje průhlednost, JPG zahazuje detaily, kterých si oko sotva všimne, aby fotky dramaticky zmenšil. Vybírejte podle obsahu, ne ze zvyku: rozhraní a text chtějí PNG, fotografie chtějí JPG.
Co umí PNG nejlépe
PNG je bezztrátový: každý pixel přesně přežije, ať soubor otevřete a znovu uložíte kolikrát chcete. Proto je správným formátem pro snímky obrazovky, návrhy rozhraní, loga, diagramy a cokoli s ostrými hranami nebo textem; a je jediný z této dvojice se skutečnou průhledností (alfa kanálem). Cenou je velikost: u fotografie může PNG snadno vážit několikanásobek ekvivalentního JPG.
Co umí JPG nejlépe
JPG je stavěný pro fotografie: jemné přechody, přirozené textury, miliony barev. Jeho ztrátová komprese zahazuje detaily, kterých si oko sotva všimne, a při vysokém nastavení kvality fotky dramaticky zmenší. Nemá průhlednost a rozmazává ostré hrany, proto text a snímky obrazovky vypadají v JPG neostře. Ztráta se navíc sčítá: opakované ukládání JPG ho po troškách dál degraduje.
Převeďte a porovnejte v prohlížeči
Nejrychlejší způsob, jak se rozhodnout, je vyzkoušet to na vlastním obrázku: vložte ho do kompresoru obrázků, zvolte JPEG jako výstupní formát a porovnejte velikost a vizuální výsledek vedle sebe s originálem. Vestavěný kodér canvas v prohlížeči zvládá PNG i JPEG, takže převod proběhne celý v záložce, bez nahrávání. Do stejné dávky můžete přetáhnout snímek obrazovky i fotografii a na první pohled vidět, který formát se pro každou hodí.
Nástroje použité v tomto návodu
- Komprimovat obrazky Zmensete velikost obrazku bez nahravani. Posuvnik kvality nebo cilova velikost v KB. Davkove zpracovani.
- Změnit velikost obrázků Změňte velikost a převeďte své obrázky (JPEG, PNG, WebP) bez jejich nahrávání.
- Obrázek na Base64 Převádějte obrázky na datové URI Base64 (a zpět) přímo v prohlížeči. Kopírování, úryvek CSS, bez nahrávání.
Časté dotazy
Snímky obrazovky: PNG, nebo JPG?
PNG. Snímky obrazovky jsou plné textu a ostrých hran, tedy přesně toho, co komprese JPG rozmazává jako první. Snímek uložený jako JPG dostane neostrá písmena a halo artefakty kolem hran; PNG zůstane dokonale ostrý a u obsahu rozhraní často nebývá o moc větší.
Obnoví převod JPG zpět na PNG kvalitu?
Ne. Cokoli komprese JPG zahodila, je pryč nadobro; převod do PNG jen bezztrátově uloží už poškozené pixely, v mnohem větším souboru. Převádějte PNG na JPG, když potřebujete menší fotku, ale originální PNG si nechte, pokud ho budete chtít ještě upravovat.