Ako optimalizovať obrázky pre web vo Fireworks CS5

Po vytvorení a úprave obrázka v Adobe Fireworks Creative Suite 5 ste pripravení pripraviť ho na web. Pri webovej grafike musíte zvážiť dva hlavné faktory: rýchlosť sťahovania a vzhľad. Mať to najlepšie z oboch svetov je však ťažké; zvyčajne sa rozhodnete vzdať sa vzhľadu pre vyššiu rýchlosť. Tento proces je optimalizácia.

Ukážka nastavení webu

Fireworks CS5 vám pomáha s procesom optimalizácie od začiatku. Pomocou náhľadu 2-Up v ľavej hornej časti okna obrázka môžete jednoducho porovnať svoj optimalizovaný obrázok s originálom na základe nastavení na paneli Optimalizácia.

Môžete dokonca použiť okná náhľadu na porovnanie dvoch až štyroch webových formátov a zistiť, ktorý z nich vyzerá najlepšie, ale má najrozumnejšiu veľkosť súboru. Každé okno náhľadu obsahuje dôležité informácie, ako napríklad veľkosť súboru.

Ak sa chcete vyblázniť, môžete porovnať štyri nastavenia kliknutím na 4-Up. Pomocou okien s ukážkou môžete rýchlo zmeniť rôzne nastavenia – napríklad formát, počet farieb a kvalitu – a okamžite vidieť efekt, bez toho, aby ste si prezerali obrázok na webe.

Ako optimalizovať obrázky pre web vo Fireworks CS5

Pracujte s panelom Optimalizácia

Teraz, keď už viete, ako porovnávať obrázky, kde vykonáte potrebné optimalizačné zmeny? Samozrejme na paneli Optimalizovať.

Ako optimalizovať obrázky pre web vo Fireworks CS5

Keď pochopíte nastavenia webového formátu, môžete kliknúť na obrázok ukážky, ktorý chcete optimalizovať; vyberte Okno→Optimalizovať, aby ste otvorili panel Optimalizácia; a aplikujte nastavenia, ktoré poskytujú najlepší obraz s najefektívnejšou veľkosťou.

Ak si nie ste istí, čo vybrať, vyberte predvolené nastavenie z rozbaľovacej ponuky Uložené nastavenia. Čiarovú grafiku a vektorovú grafiku (vytvorenú plnými farbami) je zvyčajne najlepšie uložiť ako súbory GIF, zatiaľ čo fotografie alebo obrázky s prechodovými odtieňmi by ste mali uložiť ako súbory JPG. Po výbere optimálnych nastavení môžete obrázok exportovať.

Exportovať pre web

Pomocou funkcie Export aplikácie Fireworks môžete exportovať jednotlivé obrázky alebo celé webové stránky.

Ak chcete exportovať dokument Fireworks, postupujte takto:

Vyberte Súbor → Exportovať.

Otvorí sa dialógové okno Export.

Prejdite na vhodné miesto na uloženie súboru.

Ak máte v úmysle použiť tento obrázok na webovej lokalite, osvedčeným postupom je uložiť ho do priečinka, ktorý zvyčajne používate pre webové obrázky.

Ako optimalizovať obrázky pre web vo Fireworks CS5

Do textového poľa Názov súboru zadajte názov.

V rozbaľovacom zozname Exportovať vyberte možnosť Iba obrázky a kliknite na tlačidlo Uložiť.

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.