Co je obrázek PNG?

Rastrový grafický formát PNG se jevil jako jakýsi majdan svobodných vývojářů proti technologické oligarchii, ziskovosti a touze po zisku, které dusily rozvoj internetu.

V polovině devadesátých let minulého století byla první internetová revoluce v plném proudu. World Wide Web Consortium W3C v důsledku nekrvavého převratu odstranilo legálně zvolené (podplacením voličů) dočasné zastoupení reprezentované společnostmi Microsoft a Netscape. Ti se nedokázali shodnout na standardech a přivedli mladou digitální civilizaci na pokraj války prohlížečů.

Existuje naléhavá potřeba zavést univerzální sjednocení internetových technologií. Grafický formát GIF, který v té době existoval, měl však malou, ale významnou nevýhodu – měl komerční licenci, včetně technologie komprese dat.

Jako obvykle nikdo nechtěl platit, a proto, aby se předešlo chaosu na World Wide Web, kdy stránky jednoho vývojáře nelze prohlížet v prohlížečích jiného, ​​skupina dobrovolných programátorů vytvořila specifikaci PNG, což se ukázalo být o nic horší než GIF a v některých ohledech měl významné výhody.

Technické vlastnosti formátu PNG

Obecně, když se podíváte pozorně, PNG se liší od GIF přibližně stejně jako MS Office od LibreOffice. Na základě rastrové grafiky s kompresí, indexovaná paleta barev. Vývojáři PNG však vzali v úvahu chyby GIF a podařilo se jim zbavit novou technologii tísnivých problémů minulosti.

• Schéma komprese dat PNG zajistilo, že původní obrázek byl zcela bezeztrátový, bez ohledu na úroveň komprese.
• Vyšší úroveň komprese dat.
• V obraze bylo povoleno použít neomezený počet barev. To umožnilo zajistit kvalitu a realističnost obrazu téměř na úrovni fotografického formátu JPEG.
• Podpora víceúrovňové průhlednosti vrstev.
• Formát PNG umožňuje uložit všechny mezistupně úpravy obrázků a obnovit jakýkoli krok bez ztráty kvality.

Můžeme říci, že jedinou nevýhodou PNG je nemožnost uložit několik obrázků do jednoho souboru, což neumožňuje použití této technologie k vytvoření animovaných obrázků.

Objevily se pokusy vytvořit verze tohoto formátu s možností animace, ale už nebyly žádané – na začátku 21. století vypršela licence a grafický formát GIF se stal volným pro použití k jakémukoli účelu.

Rozsah aplikace PNG

Portable Network Graphics se zhruba překládá jako „přenosná síťová grafika“. I v názvu projektu je patrná imitace GIF – „grafického formátu pro výměnu po sítích“.

Aby se tvůrci PNG distancovali od temné minulosti, rozšířili na internetu rekurzivní zkratku „Ping is Not a GIF“.

Ping je britská výslovnost PNG, v americké angličtině to zní spíše jako P-n-ji, pro rusky mluvícího pozorovatele – peenge.

Revoluční formát grafického obalu se ve skutečnosti ukázal jako velmi dobrý a dnes je pro své vynikající kvality nejoblíbenější pro přípravu obrázků pro zveřejnění na webových stránkách, blozích a sociálních sítích.

• Multiplatformní – čtou stejně dobře všemi typy moderních prohlížečů a grafických editorů.
• Je lehký a má vysokou kvalitu obrazu.
• Snadno komprimované v širokém rozsahu bez ztráty kvality.

Pokud použijete PNG při tisku, například pro velké barevné plakáty nebo fotografie, kde je vyžadován realistický obraz, formát JPEG si vede lépe.

Při zveřejňování fotografií na webových stránkách určených k prohlížení na počítačových monitorech, zejména na malých displejích mobilních zařízení, však uživatelé nezaznamenají žádný rozdíl mezi fotografií PNG a JPEG. Přesněji řečeno, abyste si všimli rozdílu, musíte se buď pozorně dívat, nebo být profesionálním fotografem.

U webů je důležitější nízká váha obrázků, aby se nezpomalovalo načítání webových stránek.

Pokud vezmeme v úvahu statistiky, že návštěvníci v průměru stráví na webových stránkách jen pár sekund a obsah není podrobně studován, ale je povrchově naskenován letmým pohledem, pak se kvalita PNG obrázku ukazuje jako optimální.

Výhody PNG oproti JPEG

Během procesu opakované komprese a úprav se obrázky v souborech JPEG zkreslují, objevují se barevné kruhy a mohou vypadávat bloky pixelů.

Pokud potřebujete na webové stránce publikovat velmi přehledný diagram s čitelnými drobnými detaily nebo infografiku – zde PNG vykazuje výrazně lepší výsledky než JPEG, což je optimální pro balení obrázků, u kterých je hlavním požadavkem realističnost – fotografie přírodní krajiny, zvířata, lidé.

Díky možnosti vytvářet průhledné vrstvy je formát PNG nepostradatelný pro vývoj log, ikon, symbolů a tlačítek.

PNG má funkci pro ukládání metadat – datum, čas, místo, kde byl obrázek vytvořen, informace o autorovi, držitelích autorských práv atd. To je užitečné mít na paměti, když se chystáte publikovat obrázek vypůjčený z internetu. Abyste zabránili Googlu identifikovat duplikát, musíte ze souboru odstranit metadata (pomocí grafického editoru).

Bezplatný online převodník obrázků do PNG

Na tomto webu můžete snadno převést téměř jakýkoli obrázek do formátu PNG a můžete nastavit barevnou hloubku od 1 bitu do 64 bitů a také nastavit úroveň komprese.

Upozorňujeme, že pro zachování průhlednosti výsledného obrázku je třeba použít hloubku z barvy RGBA. V tomto případě písmeno A znamená alfa kanál, tzn. průhledný.

Optimalizace PNG

Ne všechny programy vytvářejí PNG s minimální velikostí souboru. Proto se před zveřejněním obrázku na webu doporučuje jeho optimalizace. Pro tyto účely můžete využít různé utility, nebo využít naši online optimalizační službu. Jednoduše vyberte obrázek a klikněte na Optimalizovat.

Elena Korchminskaya Texterra Redakční rada

• které soubory jsou vhodné pro tisk a které pro web;
• jaký formát je lepší, pokud potřebujete obrázek na průhledném pozadí;
• který soubor by měl být odeslán do tiskárny a který by měl být zaslán klientovi k rychlé kontrole.

Přečtěte si také

Na příkladech ukazujeme, co dělat a co ne: i kočka to pochopí!

Dobrý obchodní návrh nakloní misky vah ve váš prospěch, pokud vás klient vůbec zvažuje jako dodavatele. A naopak: průměrný CP zcela zabije záměr spolupracovat.

Jak se v programu pohybovat: principy fungování, hlavní funkce a nástroje.

Bez základních znalostí o obrazových souborech se můžete dostat do mnoha problémů a v některých případech i do peněz.

Rozdělení formátů na rastrové a vektorové je podmíněno. Některé soubory mohou obsahovat vektorové i rastrové prvky. Přesto má každá kategorie svůj vlastní rozsah použití. Toto je výchozí bod pro pochopení, který formát souboru bude vyhovovat vašim potřebám.

Rastrové formáty souborů

Rastrové obrázky se skládají ze sady bodů (pixelů), z nichž každý má svou barvu. Rastrová grafika je závislá na rozlišení: nemůžeme výrazně zvětšit velikost takového obrázku bez ztráty kvality. Pokud si stáhnete obrázek o velikosti 10×10 cm a rozlišení 72 dpi a následně jej zvětšíte na velikost 100×100 cm, bude obrázek vypadat špatně.

Pamatujte: pokud výrazně zvětšíte bitmapový obrázek, výsledkem bude neostrý, „pixelovaný“ obrázek.

Rastrové obrázky se běžně používají pro fotografie, digitální ilustrace a webovou grafiku (jako jsou bannerové reklamy, obsah sociálních sítí a grafika e-mailů). Editor Adobe Photoshop se nejčastěji používá k vytváření a úpravám bitmapových obrázků a také k přidávání efektů, stínů a textur do existujícího návrhu.

CMYK a RGB

Řekněme, že chápete, že potřebujete rastrový soubor. Dále je třeba vzít v úvahu, že všechny rastrové soubory lze uložit v jednom ze dvou hlavních barevných modelů: CMYK a RGB. Výběr závisí na tom, k čemu je obrazový soubor určen:

• CMYK – čtyřbarevné schéma, včetně azurové (Cyan), purpurové (Magenta), žluté (Yellow) a černé (Black). Tyto barvy představují čtyři typy inkoustů, které budou kombinovány během procesu tisku. Pokud je třeba váš obrázek vytisknout, musí být v barevném modelu CMYK.
• RGB je model, který zahrnuje červenou, zelenou a modrou. Toto jsou tři základní barvy světla, které se spojují a tvoří další. Pokud je váš soubor pro web, měl by být v barevném modelu RGB.

Závěr: pro tisk použijte CMYK, pro internet – RGB. Po smíchání barevných modelů vás na výstupu – v tiskárně nebo na obrazovce monitoru – nepřekvapí úplně jiné barevné schéma. Buďte opatrní!

300 dpi a 72 dpi

Kromě barevného modelu má každý rastrový soubor své rozlišení. Běžný uživatel tomu všemu nemusí hlouběji rozumět, stačí si zapamatovat dvě čísla: 72 a 300. Rozlišení 72 dpi je zlatým standardem pro webdesign. 300 dpi je ideální rozlišení pro rastrový soubor, pokud jej budete tisknout.

JPEG / JPG

JPEG je nejrozšířenější rastrový formát online. Běžně se používá k ukládání fotografií, e-mailové grafiky a velkých obrázků, jako jsou bannerové reklamy.

Použijte JPEG, když:

• Zabýváte se pro ně kolážemi, uměním, fotografiemi online publikace. JPEG je ideální pro webové obrázky, které se potřebují rychle načítat.
• Chceš tisk fotografií, koláží nebo grafiky. Soubory JPEG s vysokým rozlišením a nízkou kompresí jsou ideální pro úpravy a následný tisk.
• Musíte poslat obrázek pro rychlý náhled klientovi. Obrázky JPEG lze zmenšit na velmi malé velikosti, takže jsou skvělé pro odesílání e-mailem.

Nepoužívejte JPEG, když:

• Potřebujete webovou grafiku s průhledností. Pokud potřebujete obrázek s průhledným pozadím, GIF a PNG jsou nejlepší možnosti.
• Potřebujete upravitelný obrázek s vrstvami. JPEG je plochý formát obrázku, což znamená, že všechny úpravy jsou uloženy v jedné vrstvě. Pokud potřebujete vícevrstvý dokument, podívejte se blíže na formát PSD (Photoshop).