Grafické formáty souborů pro tisk a web: přehled na jedné stránce

Správný formát souboru závisí na dvou otázkách: je grafika vektorová, nebo rastrová, a skončí na papíře, nebo na obrazovce? Vektorové soubory (SVG, AI, EPS, PDF) používejte pro loga a vše, co se musí zvětšovat, tiskové PDF pro tiskárnu a JPEG, PNG, WebP nebo AVIF pro obrázky zobrazené na obrazovce.

Tuto stránku si můžete uložit do záložek jako přehled. Zahrnuje grafické formáty, které předáváme klientům, i ty, které si vyžadují tiskárny a weboví vývojáři. Pokud vás zajímá jen logo, jde do hloubky náš článek který soubor loga skutečně použijete.

Grafické formáty souborů v kostce

Tabulka níže je celý přehled ve zhuštěné podobě. Odůvodnění najdete v následujících částech.

Vektor a raster: rozdíl za každým formátem

Vektorový soubor ukládá tvary jako matematické křivky. Můžete ho zvětšit od favicony po billboard a hrany zůstanou ostré. Rastrový soubor ukládá pevnou mřížku pixelů, takže po zvětšení nad původní velikost změkne nebo se rozpadne na čtverečky.

Loga by měla vždy existovat ve vektoru. Fotografie jsou vždy rastrové. Všechno ostatní, třeba ikony, ilustrace a grafy, může být obojí a volba závisí na tom, kam se použijí.

Převod mezi nimi funguje jen jedním směrem. Vektor se čistě exportuje do PNG nebo JPEG v libovolné velikosti. JPEG se na čistý vektor jedním kliknutím převést nedá, protože tvary jsou pryč a je nutné je překreslit. Proto je vektorový originál soubor, který stojí za ochranu. Pracovní sadu popisujeme podrobněji v článku Zdrojové soubory loga: AI, EPS, SVG, CDR a co chtějí tiskárny.

Tisk: co tiskárny skutečně přijmou

Komerční tiskárny chtějí jednu ze dvou věcí: vektorové logo, které si samy umístí, nebo hotové PDF vytvořené podle tiskové normy. Pro finální podklady je touto normou PDF/X. Podle PDF Association znamená X „eXchange“, tedy výměnu tiskových dat mezi zadavatelem tisku a výrobcem tisku.

Praktickým přínosem je předvídatelnost. Jeden z návodů tiskárny, od DUON, uvádí, že PDF/X vyžaduje údaje, které tiskový stroj potřebuje, například nastavení spadávky, definice barev a vložená písma. Soubor, který normu splňuje, lze vytisknout bez telefonátu grafikovi.

Verzí je několik a tiskárny se liší v tom, kterou preferují. Podle ISO 15930-7 se soubor obsahující vše potřebné pro finální tiskovou reprodukci označuje jako PDF/X-4. Novější část, PDF/X-6, byla vydána jako ISO 15930-9:2020, uvádí Ugra. V praxi, jak upozorňuje Mapsoft, si řada tiskáren stále výslovně žádá X-1a nebo X-4. Před exportem se zeptejte.

Než cokoli pošlete do tisku, ověřte si u tiskárny tyto body:

• kterou verzi PDF/X a jaký barevný režim chtějí (CMYK, nebo pracovní postup s řízenou barevností),
• kolik spadávky potřebují za ořezovou hranou,
• zda chtějí logo i jako samostatný vektorový soubor,
• konečnou velikost grafiky, aby se nic nezvětšovalo.

Web: co zvládnou prohlížeče a váš CMS

Na obrazovce je cílem co nejmenší soubor, který stále vypadá správně. Začněte typem obsahu.

Pro loga a ikony je první volbou SVG. MDN Web Docs uvádí, že SVG se hodí pro obrázky s malým počtem barev, které nejsou fotorealistické, a že PNG je záložní řešení, když obrázek existuje jen jako bitmapa.

U fotografií se vybírá mezi JPEG, WebP a AVIF. Průvodce formáty od MDN doporučuje pro rastrové obrázky WebP nebo AVIF, protože se obvykle komprimují lépe než PNG, JPEG a GIF. Úspora je skutečná: podle MDN jsou ztrátové obrázky AVIF přibližně o 50 % menší než srovnatelné JPEG.

AVIF potřebuje záchrannou síť. MDN radí při použití AVIF přidat pomocí elementu picture záložní formáty s lepší podporou v prohlížečích. web.dev popisuje WebP jako široce podporovaný v moderních prohlížečích, což z něj dělá méně riskantní výchozí volbu.

Pokud váš web běží na WordPressu, obojí už platforma zvládá. Tým jádra WordPressu potvrzuje, že od verze 6.5 můžete nahrávat AVIF stejně jako JPEG nebo PNG, pokud to vaše hostingové prostředí podporuje. DreamHost dodává, že nahrávání WebP funguje od WordPressu 5.8, za stejné podmínky ohledně hostingu. Než se na kterýkoli z formátů spolehnete, zkontrolujte v administraci položku Stav webu.

Který soubor na jakou práci

Většina dotazů, které dostáváme, má podobu „potřebuji logo na X, který soubor mám poslat?“. Tento seznam odpovídá na ty nejběžnější.

1. Vizitky, brožury, letáky: tiskové PDF/X od grafika s logem uvnitř jako vektorem.
2. Cedule, polepy vozidel, bannery: vektorové logo jako EPS, AI nebo PDF. Nikdy PNG.
3. Výšivky, gravírování, reklamní předměty: vektorové logo, obvykle EPS nebo AI. Dodavatel si ho převede pro svůj stroj.
4. Hlavička webu a ikony: SVG, případně s verzí v PNG jako zálohou.
5. Fotografie na webu: WebP, nebo AVIF se záložním formátem.
6. E-mailové podpisy, prezentace, profily na sociálních sítích: PNG s průhledností, nebo JPEG tam, kde nevadí plné pozadí.
7. Dokumenty ke sdílení a připomínkování: běžné PDF.

Pět chyb, které stojí čas i peníze

• Logo uložené jako JPEG. Formát nemá průhlednost, takže logo dorazí s bílým obdélníkem kolem. Web.dev uvádí, že průhlednost je funkce, kterou kodek JPEG nenabízí.
• Zvětšování malého PNG pro tisk. Pixely jsou pevně dané. Výsledkem je rozmazaný banner a žádné nastavení exportu to dodatečně nspraví.
• Odeslání RGB podkladů, když tiskárna chtěla CMYK. Barvy se v tisku posunou. Nejdřív si potvrďte barevný režim.
• Chybějící písma. Soubor, který vyžaduje písma, jež tiskárna nemá, bude nahrazen jiným písmem, nebo odmítnut. Řešením je vložení písem do PDF.
• WebP nebo AVIF bez záložního formátu. Někteří návštěvníci a některé e-mailové klienty neuvidí nic. Nechte za nimi JPEG nebo PNG.

Rozmazaný výstup není vždy problém souboru. Někdy jde o designové rozhodnutí, o kterém píšeme v článku Proč světová loga najednou rozmazávají.

Kolik stojí balíček souborů loga u MalbarDesign

Naše ceny logotypů jsou pevné a konečné a nejsme plátci DPH, takže částka, kterou vidíte, je částka, kterou zaplatíte. Balíček Logo za 9 490 Kč zahrnuje 4 návrhy, až 4 kola revizí, vektorové soubory v SVG, AI, EPS a CDR, verze v JPG a PNG a 12 měsíců úprav zdarma. Logo Start za 6 900 Kč zahrnuje 2 návrhy a 2 kola revizí. Logo Refresh za 3 900 Kč zahrnuje jeden návrh pro stávající logo, které potřebuje aktualizovat.

Dodání probíhá do 5 pracovních dnů, expresní dodání do 24 hodin stojí příplatek 100 %. Loga se platí 100 % předem. Pokud vám nevyhoví žádný z prvních návrhů loga, dostanete do 5 pracovních dnů plnou částku zpět.

Pokud je součástí plánu i web, HTML web až o 10 stránkách stojí 23 490 Kč a web na WordPressu nebo Joomle 39 900 Kč. Weby se platí z 50 % jako záloha a z 50 % po dokončení. Všechny podrobnosti najdete na stránce s ceníkem a stránky tvorby loga a tvorby webu vysvětlují, co který balíček obsahuje.

Nechte si své soubory zkontrolovat

Pokud si nejste jisti, zda jsou soubory, které máte, dost dobré pro tisk a web, pošlete nám své logo a poznámku, kde ho používáte. Naše bezplatná kontrola značky v 5 bodech na /contact/ vám do 48 hodin v pracovní dny vrátí jednostránkové PDF, bez obchodního hovoru. Součástí je i posouzení, zda vaše logo existuje ve formátech, které potřebujete.

Pokud se ukáže, že máte jen JPEG, řekneme vám to bez obalu a nabídneme možnosti, jak dál.