Kompletní referenční příručka pro formát souboru pro návrháře

Vektorové formáty (AI, EPS, SVG) ukládají obrázky jako matematické cesty založené na bodech a křivkách, díky čemuž jsou nekonečně škálovatelné bez ztráty kvality. Jsou ideální pro loga, ilustrace a typografii. Rastrové formáty (JPG, PNG, PSD) ukládají obrázky jako pixely v mřížce, takže jsou závislé na rozlišení. Jsou lepší pro fotografie a složité obrázky s mnoha barvami a přechody. Při zvětšení rastrové obrázky ztrácejí kvalitu a stávají se pixelovými, zatímco vektorové obrázky zůstávají ostré při jakékoli velikosti.

Pro návrh tisku jsou nejlepší formáty, které podporují barevný prostor CMYK, vysoké rozlišení a udržují kvalitu. PDF je průmyslovým standardem pro finální tiskové výstupy, protože vkládá písma a zachovává vektorové i rastrové prvky. Pro pracovní soubory je AI (Adobe Illustrator) vynikající pro vektorové návrhy, INDD (InDesign) pro vícestránkové rozvržení a PSD (Photoshop) pro práci s velkým množstvím obrázků. TIFF je preferován pro vysoce kvalitní rastrové obrázky v tisku, protože podporuje CMYK a bezztrátovou kompresi. Vždy se ujistěte, že vaše tiskové soubory mají rozlišení alespoň 300 DPI a používejte barevný profil CMYK.

Pro web a digitální design jsou ideální formáty, které optimalizují velikost souboru při zachování kvality. SVG je ideální pro loga, ikony a jednoduché ilustrace, protože je škálovatelné, má malou velikost souboru a lze jej animovat pomocí CSS. Pro fotografie použijte JPEG s vhodnou kompresí. Pro grafiku s průhledností použijte PNG-24 nebo WebP, které nabízejí vynikající kompresi. Moderní formáty jako WebP a AVIF poskytují ještě lepší kompresi a kvalitu, ale zkontrolujte kompatibilitu prohlížeče. Pro návrh uživatelského rozhraní použijte během procesu návrhu specializované formáty jako Sketch, Figma nebo XD a poté exportujte do formátů připravených pro web. Vždy optimalizujte obrázky pro web, abyste zkrátili dobu načítání.

Převod mezi formáty návrhu lze provádět různými metodami. Nejspolehlivějším způsobem je použití originálního návrhového softwaru pro export do požadovaného formátu (např. Illustrator umí exportovat soubory AI do PDF, EPS, SVG atd.). Pro převod mezi aplikacemi nabízejí aplikace Adobe Creative Cloud dobrou interoperabilitu. Online převodníky jako Cloudconvert, Zamzar nebo Convertio zvládnou základní převody, ale mohou ztratit některé funkce. Vyhrazený konverzní software jako FileZigZag nebo Format Factory poskytuje více možností. Uvědomte si, že převod často zahrnuje určitou ztrátu dat, zejména při přechodu mezi vektorovými a rastrovými formáty nebo mezi proprietárními formáty od různých dodavatelů softwaru.

Několik formátů souborů podporuje průhlednost, která je nezbytná pro vrstvení prvků v návrzích. PNG je nejběžnější webový formát s podporou průhlednosti, konkrétně PNG-24, který umožňuje plnou průhlednost alfa kanálu. SVG také podporuje průhlednost a je ideální pro vektorovou grafiku na webu. Pro pracovní soubory podporují PSD, AI a další nativní formáty návrhu vrstvy s průhledností. WebP podporuje průhlednost s lepší kompresí než PNG. GIF podporuje binární průhlednost (plně průhledné nebo plně neprůhledné pixely). TIFF a PDF také podporují průhlednost pro tiskové pracovní postupy. JPEG zejména nepodporuje průhlednost, což je jedno z jeho hlavních omezení.

Pro dlouhodobou archivaci návrhových souborů používejte formáty s širokou kompatibilitou a otevřenými standardy. PDF/A je speciálně navrženo pro archivaci a zajišťuje, že dokumenty lze v budoucnu reprodukovat přesně stejným způsobem. Pro pracovní soubory ukládejte v nativním formátu (AI, PSD, INDD), ale také exportujte do univerzálnějších formátů. Pokud je to možné, používejte pro vektorovou grafiku spíše otevřené formáty, jako je SVG, než proprietární formáty. U rastrových obrázků poskytuje nekomprimovaný TIFF zachování nejvyšší kvality. Do archivu vždy zahrňte všechny propojené položky a písma. Ukládejte archivy na více typů médií a obnovujte úložiště každých několik let. Zdokumentujte svou práci pomocí metadat včetně použitých verzí softwaru, což usnadňuje otevírání souborů v budoucnu.

Chcete-li optimalizovat formáty souborů pro výkon webu, vyberte správný formát pro každý typ podkladu a použijte správnou kompresi. Pro fotografie použijte JPEG s 60-80% kvalitou nebo WebP, který nabízí lepší kompresi. Pro grafiku s malým počtem barev nebo průhledností použijte SVG pro vektorové prvky a PNG pro rastr. Moderní formáty jako WebP a AVIF mohou snížit velikost souboru o 25–50 % ve srovnání s tradičními formáty, zkontrolujte však podporu prohlížeče. Implementujte responzivní obrázky s více velikostmi pro různá zařízení. Použijte nástroje jako ImageOptim, TinyPNG nebo SVGOMG k odstranění nepotřebných metadat a optimalizaci souborů. Zvažte líné načítání obrázků, které nejsou okamžitě viditelné při načtení stránky. Vždy otestujte výkon svého webu pomocí nástrojů, jako je Google PageSpeed ​​Insights, abyste zajistili optimální dobu načítání.

Při spolupráci s dalšími návrháři závisí nejlepší formáty na tom, jaký software každý používá. Pokud všichni členové týmu používají stejný software, nativní formáty fungují nejlépe (AI pro Illustrator, PSD pro Photoshop atd.), protože zachovávají všechny funkce a upravitelnost. Pro spolupráci mezi softwarem používejte formáty s dobrou interoperabilitou. Cloudové nástroje, jako je Figma, eliminují mnoho problémů s kompatibilitou tím, že pracují výhradně v cloudu se spoluprací v reálném čase. Pro sdílení mezi produkty Adobe dobře fungují nativní formáty nebo PDF. Při sdílení s jinými uživateli než Adobe zvažte otevřené formáty jako SVG pro vektorový obsah nebo univerzálně podporované formáty jako PNG pro sloučené náhledy. Při odesílání souborů spolupracovníkům vždy jasně zdokumentujte jakékoli speciální požadavky, písma nebo propojené položky.