Jak optimalizovat obrazy pro web ve Fireworks CS5

Jakmile vytvoříte a upravíte obrázek v Adobe Fireworks Creative Suite 5, jste připraveni jej připravit pro web. U webové grafiky musíte vzít v úvahu dva hlavní faktory: rychlost stahování a vzhled. Mít to nejlepší z obou světů je však obtížné; obvykle se rozhodnete vzdát se vzhledu pro vyšší rychlost. Tento proces je optimalizace.

Náhled nastavení webu

Fireworks CS5 vám pomůže s procesem optimalizace od začátku. Pomocí náhledu 2 najednou v levé horní části okna obrázku můžete snadno porovnat svůj optimalizovaný obrázek s originálem na základě nastavení v panelu Optimalizace.

Můžete dokonce použít okna náhledu k porovnání dvou až čtyř webových formátů a zjistit, který z nich vypadá nejlépe, ale má nejrozumnější velikost souboru. Každé okno náhledu obsahuje důležité informace, jako je velikost souboru.

Pokud se chcete zbláznit, můžete porovnat čtyři nastavení kliknutím na 4-Up. Pomocí oken náhledu můžete rychle změnit různá nastavení – například formát, počet barev a kvalitu – a okamžitě vidět efekt, aniž byste museli zobrazovat náhled obrázku na webu.

Jak optimalizovat obrazy pro web ve Fireworks CS5

Práce s panelem Optimalizace

Nyní, když víte, jak porovnávat obrázky, kde provádíte potřebné optimalizační změny? Samozřejmě na panelu Optimalizace.

Jak optimalizovat obrazy pro web ve Fireworks CS5

Když pochopíte nastavení webového formátu, můžete kliknout na náhled obrázku, který chcete optimalizovat; zvolte Okno→Optimalizovat pro otevření panelu Optimalizace; a použijte nastavení, která poskytují nejlepší a velikostně nejúčinnější obraz.

Pokud si nejste jisti, co vybrat, vyberte výchozí nastavení z rozevírací nabídky Uložená nastavení. Čárovou grafiku a vektorovou grafiku (vytvořenou plnými barvami) je obvykle nejlepší uložit jako soubory GIF, zatímco fotografie nebo obrázky s přechodovými odstíny by měly být uloženy jako soubory JPG. Po výběru optimálního nastavení můžete obrázek exportovat.

Export pro web

Pomocí funkce Export aplikace Fireworks můžete exportovat jednotlivé obrázky nebo celé webové stránky.

Chcete-li exportovat dokument Fireworks, postupujte takto:

Vyberte Soubor → Exportovat.

Otevře se dialogové okno Export.

Přejděte do vhodného umístění pro uložení souboru.

Pokud máte v úmyslu použít tento obrázek na webu, nejlepším postupem je uložit jej do složky, kterou obvykle používáte pro webové obrázky.

Jak optimalizovat obrazy pro web ve Fireworks CS5

Do textového pole Název souboru zadejte název.

Z rozevíracího seznamu Export vyberte Pouze obrázky a klikněte na Uložit.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.