Obrazové formáty: kdy použít každý typ souboru

Myslíš, že GIF je nejchutnější druh arašídového másla? A AI byl ten divný sci-fi film v hlavní roli Haley Joel Osment? No, nemýlíš se. Ale dnes mluvíme o obrazových formátech a všech těch otravných malých souborech, které používáme k vytváření vizuálního obsahu pro tisk a web.

každá grafika, kterou vidíte online, je obrazový soubor. Většina všeho, co vidíte vytištěné na papíře, plastu nebo tričku, pochází z obrazového souboru. Tyto soubory přicházejí v různých formátech, a každý je optimalizován pro konkrétní použití., Použití správného typu pro správnou práci znamená, že váš design vyjde dokonale a přesně tak, jak jste zamýšleli. Nesprávný formát může znamenat špatný tisk nebo špatný webový obrázek, obří stahování nebo chybějící grafiku v e-mailu.

takže to rozebereme. Vítejte ve formátech obrazových souborů 101. Pojďme se ponořit do základů každého typu souboru.

Většina obrazové soubory, a vejde do jedné ze dvou obecných kategorií—rastrové soubory a vektorové soubory—a každá kategorie má své vlastní specifické použití. Toto členění není dokonalé., Například některé formáty mohou skutečně obsahovat prvky obou typů. Ale to je dobré místo, kde začít, když přemýšlíte o tom, který formát použít pro vaše projekty.,

různé typy formátů obrazových souborů—

1. Rastrové formáty souborů
   • JPEG
   • GIF
   • PNG
   • TIFF
   • RAW
   • PSD
2. formáty Vektorových souborů
   • PDF
   • EPS
   • SVG
   • AI

Rastrové formáty—

Co je rastrový obrázek

Rastrové obrázky se skládají z nastavení sítě bodů, tzv. pixelů, kde každý pixel je přiřazena barva. Na rozdíl od vektorového obrazu jsou rastrové obrázky závislé na rozlišení, což znamená, že existují v jedné velikosti., Když transformujete rastrový obrázek, natáhnete samotné pixely, což může mít za následek „pixelovaný“ nebo rozmazaný obraz. Když zvětšíte obrázek, váš software v podstatě hádá, jaká obrazová data chybí na základě okolních pixelů. Častěji než ne, výsledky nejsou skvělé.

Rastrových obrázků jsou obvykle používá pro fotografie, digitální kresby a webové grafiky (jako jsou bannerové reklamy, sociálních médií, obsahu a e-mailu, grafiky). Adobe Photoshop je průmyslový standardní editor obrázků, který se používá k vytváření, navrhování a úpravám rastrových obrázků a také k přidávání efektů, stínů a textur do stávajících návrhů.

CMYK vs., RGB

všechny rastrové obrázky lze uložit do jednoho ze dvou primárních barevných modelů: CMYK a RGB.

CMYK čtyř-barevný tisk proces, který je zkratka pro azurová, purpurová, žlutá a key (černá). Tyto barvy představují čtyři inkousty, které se budou kombinovat během procesu tisku., Soubory uložené v tomto formátu budou optimalizovány pro fyzický tisk.

RGB je světlý barevný model, který znamená červenou, zelenou a modrou barvu. Jedná se o tři primární barvy světla, které se kombinují a vytvářejí další barvy. Soubory uložené v tomto formátu budou optimalizovány pro web, mobilní telefony, film a video—vše, co se objeví na obrazovce.

Lossy vs. lossless

každý rastrový obrazový soubor je buď bezeztrátový nebo ztrátový, v závislosti na tom, jak formát zpracovává vaše obrazová data.

bezeztrátové obrazové formáty zachycují všechna data původního souboru., Nic z původního souboru, fotografie nebo uměleckého díla není ztraceno-odtud termín „bezeztrátový.“Soubor může být stále komprimován, ale všechny bezztrátové formáty budou moci rekonstruovat Váš obrázek do původního stavu.

ztrátové obrazové formáty přibližují, jak vypadá váš původní obrázek. Například ztrátový obrázek může snížit množství barev v obraze nebo analyzovat obrázek pro nepotřebná data. Tyto chytré technické triky obvykle sníží velikost souboru, i když mohou snížit kvalitu obrazu.,

obvykle jsou ztrátové soubory mnohem menší než bezztrátové soubory, což je ideální pro použití online, kde je důležitá velikost souboru a rychlost stahování.

JPEG/JPG

JPEG je ztrátový rastrový formát, který je zkratka pro Joint Photographic experts Group, technický tým, který vyvinul to. Jedná se o jeden z nejpoužívanějších formátů online, obvykle pro fotografie, e-mailovou grafiku a velké webové obrázky, jako jsou bannerové reklamy. Obrázky JPEG mají posuvnou stupnici komprese, která ohromně snižuje velikost souboru, ale zvyšuje artefakty nebo pixelaci, čím více je obraz komprimován.,

měli Byste použít JPEG, když…

• máte co do činění s on-line fotografie a/nebo kresby. JPEG vám nabízí největší flexibilitu při úpravách a kompresi rastru, díky čemuž jsou ideální pro webové obrázky, které je třeba rychle stáhnout.
• chcete tisknout fotografie a / nebo umělecká díla., U souborů s vysokým rozlišením s nízkou kompresí jsou JPEG ideální pro úpravy a následný tisk.
• musíte klientovi odeslat rychlý náhled. Obrázky JPEG lze zredukovat na velmi malé velikosti, což je činí skvělými pro odesílání e-mailů.

nepoužívejte JPEG, když …

• potřebujete webovou grafiku s průhledností. JPEG nemají kanál průhlednosti a musí mít plné barevné pozadí. GIF a PNG jsou vaše nejlepší možnosti transparentnosti.
• potřebujete vrstvený, upravitelný obraz., JPEG jsou plochý formát obrazu, což znamená, že všechny úpravy jsou uloženy do jedné obrazové vrstvy a nelze je vrátit zpět. Zvažte soubor PSD (Photoshop) pro plně upravitelný obrázek.

GIF

GIF je bezeztrátový rastrový formát, který znamená formát výměny grafiky. Velká otázka: jak se vyslovuje? Tvůrce GIF říká „JIFF“ jako arašídové máslo. Tento spisovatel (a spousta světa) říká „GIFF“, protože grafika začíná „guh.“Každopádně to necháme na vás., GIF je také široce používaný formát webového obrazu, obvykle pro animovanou grafiku, jako jsou bannerové reklamy, e-mailové obrázky a memy sociálních médií. Ačkoli GIF jsou bezeztrátové, mohou být exportovány v řadě vysoce přizpůsobitelných nastavení, která snižují množství barev a obrazových informací, což zase snižuje velikost souboru.

měli Byste použít GIF, když…

• chcete vytvořit webové animace. Obrázky GIF obsahují všechny snímky animace a informace o načasování v jednom souboru., Editory obrázků, jako je Photoshop, usnadňují vytvoření krátké animace a exportují ji jako GIF.
• potřebujete průhlednost. Obrázky GIF mají „alfa kanál“, který může být průhledný, takže můžete umístit svůj obrázek na jakékoli barevné pozadí.
• potřebujete malý soubor. Techniky komprese ve formátu GIF umožňují obrovské zmenšení obrazových souborů. Pro velmi jednoduché ikony a webovou grafiku je GIF nejlepším formátem obrazového souboru.

nepoužívejte GIF, když …

• potřebujete fotografický obraz., Ačkoli GIF mohou mít vysoké rozlišení, mají limit 256 barev (pokud neznáte několik triků). Fotografie mají obvykle tisíce barev a při převodu na GIF budou vypadat ploché a méně živé (a někdy divné kvůli barevnému pruhování).
• musíte vytisknout obrázek. Vzhledem k limitu barev bude většina tištěných fotografií postrádat hloubku. Pokud potřebujete tisknout fotografie, Podívejte se na TIFF, PSD a JPG.
• potřebujete vrstvený, upravitelný obraz. GIF jsou plochý formát obrazu, což znamená, že všechny úpravy jsou uloženy do jedné vrstvy obrazu a nelze je vrátit zpět., Zvažte soubor PSD (Photoshop) pro plně upravitelný obrázek.

PNG

PNG je bezeztrátový rastrový formát, který znamená přenosnou síťovou grafiku. Myslete na PNGs jako GIF nové generace. Tento formát má vestavěnou průhlednost, ale může také zobrazit vyšší barevné hloubky, což se promítá do milionů barev. Png jsou webový standard a rychle se stávají jedním z nejběžnějších obrazových formátů používaných online.,

měli Byste použít PNG, když…

• Budete potřebovat vysoce kvalitní transparentní webové grafiky. Obrázky PNG mají proměnnou „alpha channel“, která může mít jakýkoli stupeň průhlednosti (na rozdíl od GIF, které mají pouze průhlednost zapnutí/vypnutí)., Navíc, s větší hloubkou barev, budete mít živější obraz, než byste s GIF.
• máte ilustrace s omezenými barvami. Ačkoli jakýkoli obrázek bude fungovat, soubory PNG jsou nejlepší s malou paletou barev.
• potřebujete malý soubor. Soubory PNG se mohou zmenšit na neuvěřitelně malé velikosti-zejména obrázky, které jsou jednoduché barvy, tvary nebo text. To z něj činí ideální typ obrazového souboru pro webovou grafiku.

nepoužívejte PNG, když…

• pracujete s fotografiemi nebo uměleckými díly. Díky vysoké barevné hloubce PNGs může formát snadno zpracovávat fotografie s vysokým rozlišením., Protože se však jedná o bezztrátový webový formát, velikosti souborů bývají velmi velké. Pokud pracujete s fotografiemi na webu, jděte s JPEG.
• máte co do činění s tiskovým projektem. PNG grafika je optimalizována pro obrazovku. PNG můžete určitě vytisknout, ale měli byste být lepší s JPEG (lossy) nebo TIFF soubor.

TIFF/TIF

TIFF je bezeztrátový rastrový formát, který znamená označený Formát obrazového souboru. Vzhledem k extrémně vysoké kvalitě se formát používá především ve fotografování a publikování na ploše., Při skenování dokumentu nebo fotografování s profesionálním digitálním fotoaparátem se pravděpodobně setkáte se soubory TIFF. Všimněte si, že soubory TIFF lze také použít jako „kontejner“ pro obrázky JPEG. Tyto soubory budou mnohem menší než tradiční soubory TIFF, které jsou obvykle velmi velké.

Byste měli použít TIFF, když…

• potřebujete vysokou kvalitu tisku grafiky., Spolu s RAW, TIFF soubory patří mezi nejvyšší kvality grafických formátů k dispozici. Pokud tisknete fotografie-zejména v obrovských velikostech-použijte tento formát.
• provádíte vysoce kvalitní skenování. Použití TIFF pro skenování dokumentů, fotografie a umělecká díla zajistí, že máte nejlepší originální soubor, ze kterého můžete pracovat.

nepoužívejte při TIFF, když …

• pracujete s webovou grafikou. Zatímco mnoho webových prohlížečů ji podporují, TIFF soubory jsou optimalizovány pro tisk. Jděte s JPEG nebo PNG, když potřebujete zobrazit vysoce kvalitní obrázky online.,

RAW

formát raw obrazu obsahuje nezpracovaná data zachycená digitálním fotoaparátem nebo snímačem skeneru. Obvykle se zpracovávají obrázky (upravené pro barvu,vyvážení bílé, expozici atd.) a poté převeden a komprimován do jiného formátu (např. JPEG nebo TIFF). Raw images ukládají nezpracovaná a zpracovaná data do dvou samostatných souborů, takže vám zůstane obraz nejvyšší kvality, který můžete editovat nedestruktivně pomocí aplikace pro úpravu fotografií, jako je Photoshop., Existují desítky a desítky formátů raw, ale některé z typických formátů jsou CRW (Canon), NEF (Nikon) a DNG (Adobe).

měli Byste použít SYROVÉ, když…

• fotografování a úpravy fotografií. Ujistěte se, že váš fotoaparát je nastaven na RAW, takže můžete zachytit nejvšestrannější obraz. Poté použijte kompatibilní aplikaci pro úpravu fotografií pro úpravu obrázku.

nepoužívejte RAW, když …

• pracujete s webovou grafikou. RAW je postaven pro úpravu fotografií., Až budete připraveni prezentovat své fotografie pro web, převeďte je do JPEG.
• jste připraveni vytisknout své fotografie. Mnoho tiskáren nepřijme formáty raw, takže nejprve převeďte do formátu JPEG nebo TIFF.

PSD

PSD je proprietární vrstvený formát obrazu, který znamená dokument Photoshopu. Jedná se o originální designové soubory vytvořené ve Photoshopu, které jsou plně editovatelné s více vrstvami a úpravami obrazu., PSDs se primárně používají k vytváření a úpravám rastrových obrázků, ale tento jedinečný formát může také obsahovat vektorové vrstvy, což je velmi flexibilní pro řadu různých projektů. PSD lze exportovat do libovolného počtu formátů obrazových souborů, včetně všech rastrových formátů uvedených výše.

měli Byste použít PSD, když…

• je čas na retušování fotografií. Potřebujete barvu opravit fotografii? Nebo přidat vrstvu textu? PSD = fotky.
• musíte upravit kresbu pro digitální nebo tisk., To by mohla být fotka, malba, kresba nebo cokoli jiného. Photoshop je ten správný nástroj, který zajistí, že každý řádek, stín a textura jsou na svém místě.
• chcete digitální obrázky pro web, jako jsou obrázky sociálních médií, bannerové reklamy, záhlaví e-mailů, videa atd. Vytvoření těchto obrázků ve Photoshopu zajistí, že mají správnou velikost a jsou optimalizovány pro web.
• musíte vytvořit webovou stránku nebo maketu aplikace. Vrstvy usnadňují pohyb prvků uživatelského rozhraní.
• chcete se dostat fantazie s animací a videem., Photoshop usnadňuje snížit dohromady jednoduché videoklipy a přidat grafiku, filtry, text, animace a další.

nepoužívejte PSD, když…

• potřebujete zveřejnit fotografii online nebo poslat náhled klientovi. Web je vhodný pro JPEG. Nejprve převeďte, abyste se ujistili, že vaše publikum uvidí váš obrázek (a stahování nebude trvat několik minut).
• jste připraveni vytisknout své fotografie. Mnoho tiskáren nepřijme formát PSD, takže nejprve převeďte do JPEG nebo TIFF.,

vektorové formáty souborů –

co je vektorový obrázek

vektorové obrázky jsou digitální kresby, ve kterých jsou body, čáry a křivky vypočítávány počítačem. Jsou to v podstatě obří matematické rovnice a každé „rovnici“ lze přiřadit barvu, tah nebo tloušťku (mimo jiné styly), aby se tvary proměnily v umění. Na rozdíl od rastrových obrázků jsou vektorové obrázky nezávislé na rozlišení. Když zmenšíte nebo zvětšíte vektorový obrázek, vaše tvary se zvětšují, ale neztratíte žádný detail ani nezískáte pixelaci., Protože váš obrázek bude vždy vykreslen identicky, bez ohledu na velikost, neexistuje nic jako ztrátový nebo bezeztrátový Typ vektorového obrazu.,

Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustrator je průmyslový standardní editor obrázků, který se používá k vytváření, navrhování a úpravám vektorových obrázků (i když může také obsahovat rastrové obrázky).

PDF

PDF je zkratka pro Portable Document Format, je formát obrazu slouží k zobrazení dokumentů a grafiky správně, bez ohledu na zařízení, aplikace, operační systém nebo webový prohlížeč. Ve svém jádru mají soubory PDF výkonný vektorový grafický základ, ale mohou také zobrazit vše od rastrové grafiky po pole až po tabulky., Vzhledem k tomu, že se jedná o téměř univerzální standard, soubory PDF jsou často Formát souboru požadované tiskáren poslat konečný design do výroby. Adobe Photoshop i Illustrator mohou exportovat přímo do PDF, což usnadňuje spuštění návrhu a jeho přípravu na tisk.,

měli Byste použít PDF, když…

• Jste připraveni k tisku. Jak jsme již zmínili, mnoho tiskáren dává přednost formátu PDF jako primárnímu formátu doručení, protože je tak všudypřítomný. Zkontrolujte, zda s tiskárnou vidět, jak by chtěli, abyste připravit soubor.,
• chcete zobrazit dokumenty na webu. Nebudete používat PDF pro jednu ikonu nebo logo, ale je to skvělé pro plakáty, letáky, časopisy a brožury. Soubory PDF udrží celý váš design V jednom balíčku, takže je snadné prohlížet, stahovat nebo tisknout.

nepoužívejte PDF, když …

• potřebujete upravit svůj design. PDF jsou skvělé kontejnery, ale pro obsah používají jiné aplikace. Pomocí aplikace Illustrator můžete upravovat rastrové obrázky pomocí Photoshopu a vektorové grafiky. Až budete hotovi, můžete je kombinovat do PDF pro snadné prohlížení.,

EPS

EPS je obrazový formát, který znamená zapouzdřený PostScript. Ačkoli se používá především jako vektorový formát, soubor EPS může obsahovat jak vektorová, tak rastrová obrazová data. Soubor EPS obvykle obsahuje jeden konstrukční prvek, který lze použít ve větším designu.,

You should use an EPS when…

• You need to send a vector logo to a client, designer or a printer., Se souborem EPS se nemusíte starat o to, kde bude logo umístěno nebo vytištěno. Bez ohledu na velikost se vždy objeví ve správném rozlišení.

nepoužívejte EPS, když…

• máte co do činění s fotografiemi nebo uměleckými díly. EPS zvládne rastrové obrázky, ale tento typ obrazového souboru je primárně určen pro vektory. Práce s PSD, TIF nebo JPEG, když máte fotografický projekt.
• musíte zobrazit obrázek online. Nejprve exportujte do JPEG, PNG nebo GIF.,

SVG

SVG znamená Scalable Vector Graphics a je na bázi XML vektorový formát obrázku pro dvou-dimenzionální grafiku. Může být prohledáván, indexován, zmenšen a komprimován a může mít za následek menší velikosti souborů než jiné formáty souborů, což je ideální pro web. SVG soubory lze upravovat v grafických editačních programů, stejně jako textové editory.

měli Byste použít SVG, když…

• chcete vytvářet počítačem generované grafy a diagramy pro publikování na webu.

nepoužívejte SVG, když…

• potřebujete Formát souboru pro tisk workflow.,

AI

AI je proprietární formát vektorového obrazu, který znamená Adobe Illustrator. Formát je založen na standardech EPS i PDF vyvinutých společností Adobe. Stejně jako tyto formáty, AI soubory jsou primárně formát založený na vektorech, i když mohou také obsahovat vložené nebo propojené rastrové obrázky. Soubory AI lze exportovat do PDF i EPS souborů (pro snadné prohlížení a tisk), stejně jako JPEG, PNG, GIF, TIFF a PSD (pro webové použití a další úpravy).,

měli Byste použít AI, když…

• potřebujete upravit vektorová design. AI soubory vám umožní pohybovat a měnit každý jednotlivý prvek ve vašem návrhu s pouhým kliknutím nebo dvěma.
• musíte vytvořit logo, ikonu nebo maskota značky. Každý vektorový tvar a čára vytvořená v aplikaci Illustrator mohou být vyhozeny do libovolné velikosti, což je ideální pro obrázky, které je třeba použít mnoha různými způsoby.
• chcete jednostránkový tiskový kus., Illustrator je ideální pro plakáty, vizitky, letáky a notecards, které lze kombinovat s jinými rastrovými obrázky.
• musíte nastavit typ loga. Funkce sazbu Illustrator je neuvěřitelně silný, což umožňuje jakýkoli text, který má být natažený, zkosený a transformovány jakýmkoli způsobem představitelné.

nepoužívejte AI, když …

• musíte upravovat obrázky. Pokud se v kompozici používá rastrový obrázek (fotografie nebo umělecká díla), má Illustrator omezený počet nástrojů pro přímou úpravu tohoto obrázku., Photoshop (PSD soubory) mohou provádět komplexnější úpravy, jako je barva, kontrast a jas.

---