Kuvien optimointi Webiä varten Fireworks CS5:ssä

Kun olet luonut ja muokannut kuvan Adobe Fireworks Creative Suite 5:ssä, olet valmis valmistelemaan sitä verkkokäyttöön. Sinun on otettava huomioon kaksi verkkografiikkatekijää: latausnopeus ja ulkoasu. Molempien maailmojen parhaat puolet on kuitenkin vaikeaa; yleensä päätät luopua ulkonäöstä paremman nopeuden saavuttamiseksi. Tämä prosessi on optimointi.

Esikatsele verkkoasetuksia

Fireworks CS5 auttaa sinua optimointiprosessissa alusta alkaen. Käyttämällä kuvaikkunan vasemmassa yläkulmassa olevaa 2-Up-esikatselua voit helposti verrata optimoitua kuvaasi alkuperäiseen Optimoi-paneelin asetustesi perusteella.

Voit jopa käyttää esikatseluikkunoita vertaillaksesi kahta neljään verkkomuotoa ja nähdäksesi, mikä näyttää parhaalta, mutta jolla on järkevin tiedostokoko. Jokainen esikatseluikkuna sisältää tärkeitä tietoja, kuten tiedoston koon.

Jos haluat tulla hulluksi, voit vertailla neljää asetusta napsauttamalla 4-Up. Esikatseluikkunoiden avulla voit nopeasti muuttaa erilaisia ​​asetuksia – kuten muotoa, värien määrää ja laatua – ja nähdä tehosteen välittömästi ilman, että esikatselet kuvaa verkossa.

Kuvien optimointi Webiä varten Fireworks CS5:ssä

Työskentele Optimoi-paneelin kanssa

Nyt kun osaat vertailla kuvia, missä teet tarvittavat optimointimuutokset? Optimoi-paneelissa tietysti.

Kuvien optimointi Webiä varten Fireworks CS5:ssä

Kun ymmärrät verkkomuodon asetukset, voit napsauttaa esikatselukuvaa, jonka haluat optimoida. valitse Ikkuna→Optimoi avataksesi Optimoi-paneelin; ja käytä asetuksia, jotka tarjoavat parhaan ja kokotehokkaimman kuvan.

Jos et ole varma, mitä valita, valitse oletusasetus avattavasta Tallennetut asetukset -valikosta. Yleensä viivapiirrokset ja vektorigrafiikka (joka on luotu yhtenäisillä väreillä) on parasta tallentaa GIF-tiedostoina, kun taas valokuvat tai kuvat, joissa on kaltevuussävyjä, tulee tallentaa JPG-tiedostoina. Kun olet valinnut optimaaliset asetukset, voit viedä kuvan.

Vie verkkoon

Voit viedä yksittäisiä kuvia tai kokonaisia ​​verkkosivuja käyttämällä Fireworksin vientitoimintoa.

Voit viedä ilotulitusasiakirjan seuraavasti:

Valitse Tiedosto → Vie.

Vie-valintaikkuna avautuu.

Siirry sopivaan paikkaan tallentaaksesi tiedostosi.

Jos aiot käyttää tätä kuvaa verkkosivustolla, paras käytäntö on tallentaa se kansioon, jota tavallisesti käytät verkkokuville.

Kuvien optimointi Webiä varten Fireworks CS5:ssä

Kirjoita nimi Tiedostonimi-tekstiruutuun.

Valitse avattavasta Vie-luettelosta Vain kuvat ja napsauta Tallenna.

Leave a Comment

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Kuinka käyttää läpinäkyvyyttä SVG-tiedostoihin

Opi käyttämään läpinäkyvyyttä SVG-grafiikassa Illustratorissa. Tutustu SVG-tiedostojen tulostamiseen läpinäkyvällä taustalla ja läpinäkyvyystehosteiden käyttämiseen.

Kuvien käsittely Adobe XD:ssä

Kuvien käsittely Adobe XD:ssä

Kun olet tuonut kuvat Adobe XD:hen, sinulla ei ole paljon muokkaushallintaa, mutta voit muuttaa kuvien kokoa ja kiertää niitä aivan kuten minkä tahansa muun muodon avulla. Voit myös pyöristää tuodun kuvan kulmia helposti kulmawidgetien avulla. Kuvien peittäminen määrittelemällä suljetun muodon […]

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, kuinka näitä ominaisuuksia käytetään. Tietoja luettavuudesta ja fontista […]

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Työskentely taidetaulujen kanssa Photoshop CC:ssä

Aivan kuten Adobe Illustratorissa, Photoshop-piirustustaulut tarjoavat mahdollisuuden luoda erillisiä sivuja tai näyttöjä yhdelle asiakirjalle. Tämä voi olla erityisen hyödyllistä, jos rakennat näyttöjä mobiilisovellukselle tai pienelle esitteelle. Voit ajatella piirustustaulua erityisenä tasoryhmänä, joka on luotu Tasot-paneelin avulla. Sen […]

Muodot ja polygonit InDesignissa

Muodot ja polygonit InDesignissa

Monia InDesign Tools -paneelin työkaluja käytetään viivojen ja muotojen piirtämiseen sivulle, joten sinulla on useita eri tapoja luoda mielenkiintoisia piirustuksia julkaisuihisi. Voit luoda InDesignissa mitä tahansa perusmuodoista monimutkaisiin piirustuksiin sen sijaan, että joutuisit käyttämään piirustusohjelmaa, kuten […]

Rivitä teksti Adobe Illustrator CC:ssä

Rivitä teksti Adobe Illustrator CC:ssä

Tekstin kääriminen Adobe Illustrator CC:ssä ei ole aivan sama asia kuin lahjan kääriminen – se on helpompaa! Tekstin rivitys pakottaa tekstin kiertämään grafiikan ympärille, kuten tässä kuvassa. Tämä ominaisuus voi lisätä luovuutta mihin tahansa kappaleeseen. Grafiikka pakottaa tekstin kiertymään ympärilleen. Luo ensin […]

Kuinka muuttaa muotojen kokoa Illustratorissa

Kuinka muuttaa muotojen kokoa Illustratorissa

Kun suunnittelet Adobe Illustrator CC:llä, tarvitset usein muodon, jonka koko on tarkka (esimerkiksi 2 x 3 tuumaa). Kun olet luonut muodon, paras tapa muuttaa sen kokoa tarkkoihin mittoihin on käyttää tässä kuvassa näkyvää Transform-paneelia. Valitse objekti ja valitse sitten Ikkuna → Muunna muotoon […]

QR-koodien luominen InDesign CC:ssä

QR-koodien luominen InDesign CC:ssä

InDesignilla voit luoda ja muokata QR-koodigrafiikkaa. QR-koodit ovat viivakoodimuoto, johon voidaan tallentaa tietoja, kuten sanoja, numeroita, URL-osoitteita tai muita tietoja. Käyttäjä skannaa QR-koodin kamerallaan ja ohjelmistollaan laitteella, kuten älypuhelimella, ja ohjelmisto hyödyntää […]

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Kuinka saada uusi valokuva näyttämään vanhalta Photoshop CS6:ssa

Saattaa olla hetkiä, jolloin tarvitset uuden kuvan näyttääksesi vanhalta. Photoshop CS6 tarjoaa sinut. Mustavalkokuvaus on uudempi ilmiö kuin uskotkaan. Dagerrotypioissa ja muissa varhaisissa valokuvissa oli usein ruskehtava tai sinertävä sävy. Voit luoda omia seepiasävyisiä mestariteoksia. Sävytetyt kuvat voivat luoda […]

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Live Paint -ominaisuus Adobe CS5 Illustratorissa

Adobe Creative Suite 5 (Adobe CS5) Illustratorin Live Paint -ominaisuuden avulla voit luoda haluamasi kuvan ja täyttää alueet väreillä. Live Paint -ämpäri tunnistaa automaattisesti alueet, jotka koostuvat itsenäisistä risteävistä poluista ja täyttää ne vastaavasti. Maali tietyllä alueella pysyy elävänä ja virtaa automaattisesti, jos […]