Fireworks MX 2004

[dogmulder]

Olen nyt harjoitellut kuvien optimointia tuolla ohjelmalla...

Vaan minne läpinäkyvä tausta häviää kun käyttää jpeg:iä, giffinä sain läpinäkyvän taustan säilymään.

Onko tuo yleensäkin hyvä ohjelma tähän?

Kaveri selitti jotain 1x1 ja 2x2 patterneista ja YCbCr, noista en ymmärtänyt mitään eikä tuollaisia säätöjä löytynyt. Docendon opaskirjakin kertoo asiasta aika suurpiirteisesti.

Gimppiä en viitsi käyttää kun se ei ole natiivi, Seashore oli aika hankalan oloinen ja Photoshoppia ei ole varaa hankkia.

[MacAntti]

Jpg ei tue läpinäkyvyyttä. Jos kunnollisen läpinäkyvyyden haluat, tallenna kuva png-muodossa läpinäkyvyys säilyttäen.

[Jamac]

Paitsi että luonnollisestikaan Internet Explorer ei sitten näytä läpinäkyviä png-kuvia läpinäkyvänä, vaan harmaalla taustalla. Odotelkaamme sitä seiskaversiota.

[dogmulder]

Jpg ei tue läpinäkyvyyttä. Jos kunnollisen läpinäkyvyyden haluat, tallenna kuva png-muodossa läpinäkyvyys säilyttäen.

No muutin sen pakkaustavan png 8:ksi. Pakkauskokoa ei saa muutettua? nyt olis 80 kiloa tuo nyrkkeilijäkuva... onko vielä liian iso?

http://users.utu.fi/vplaas/villensivu/

(oompas ollut huolimaton, jääny jotain roippeita tuohon läpinäkyvään kohtaan)

Pitää käydä läpi nuo kaikki kuvat, harmi että ei heti keksinyt. Eikös fireworks osaa käsitellä isompaa määrää kuvia kerralla, jostain muistelin lukeneeni sellaista, nyt lainassa oleva kirja ei kerro.

Tuo sivu on siis keskeneräinen, mutta vinkkejä saa antaa miten sitä parantaisi, en kuitenkaan panosta koreaan ulkonäköön vaan sisältöön.

[MacAntti]

Joo tuo jamacin mainitsema rajoitus PNG:n läpinäkyvyydelle Internet Explorerissa kyllä vähän hankaloittaa sen käyttöä web-sivuille tulevissa kuvissa. Yksi ratkaisu voisi olla tallentaa kuvat ilman läpinäkyvyyttä jpg-muodossa ja tehdä sivun taustaväri jpg-kuvalla, jonka pakkaa ja tallentaa samoilla arvoilla kuin "läpinäkyvät" kuvat. Sillä saa aika toimivan "rajattoman" ratkaisun.

Png-8 vastaa gif-kuvaa sikäli, että siinä on hyvin rajallinen määrä värisävyjä. Jos png-muotoa käytät, sun kannattaisi kokeilla myös millainen lopputulos ja kuvakoko tulee png-24:llä, jossa on miljoonat värisävyt. 80 kt sivun ainoana kuvana taitaa näin laajakaista-aikana jo olla mahdollinen, mutta modeemikäyttäjiä varten se on ehkä vähän suurehko.

[arky]

Tarkennettakoon vielä, että IE:n ongelma esiintyy vain käytettäessä osittaisläpinäkyvyyttä, joka on tuettuna vain PNG-24-versiossa ja siitä ylöspäin. Jos valitsee PNG-24 kuvan tallentamiseen mukaan läpinäkyvän alpha-kanavan, ei IE osaa näyttää kuvaa kunnolla, vaan korvaa alpha-kanavan harmaalla värillä. IE tukee kuitenkin täysin PNG-8 ja GIF -kuvaformaatteja ja niiden läpinäkyvyysominaisuutta.

Jos kuvasi sisältää osittaista läpinäkyvyyttä, voit määrittää halutessasi PNG-8 tai GIF kuvaan matte-värin, joka kannattaa laittaa samaksi kuin kuvan alle tuleva taustaväri, jolloin kuva näyttää "istuvan taustaan". Tämä toimii tosin vain yksiväriselle taustalle ja muuttaessasi taustan väriä joudut myös tekemään kuvan uudestaan.

PNG-8 ja GIF formaatit ovat melko identtisiä ominaisuuksiltaan. PNG-8 pakkaantuu isommilla kuvilla usein paremmin kuin GIF taas on tehookkaampi pienissä yksinkertaisissa muutaman värin kuvissa.

Tällä hetkellä modeemikäyttäjät tuskin odottelisivat sivusi lataantumista, sillä 56K modeemilla etusivusi lataus kestää n. 1,5 min. Nykyisillä laajakaistanopeuksilla tuo ei liene enää hirveän suuri ongelma kaikille, mutta kyllä tuosta kuvasta pystyy helposti kuristamaan neljäsosan nykyisestä (350KB).

[Jamac]

Mä käytän, ensitten tiedä miten fiksua se on, CSS:ssä child-selectoria tuon IE:n kanssa raplaamiseen. Eli koska IE ei tietenkään osaa (tällä hetkellä onneksi) CSS-määrittelyn Child Selectoria, niin ensin laitan elementtiin GIF kuvan, jonka jälkeen Child Selectorilla viitataan ko. elementtiin ja laitetaan png kuva tilalle. Tuloksena on se että nettiselaimet näyttää kauniisti syvätyn png-kuvan ja sitten Internet Explorerissa näkyy vaan tuo saakutti ruma rotansyömäreunainen GIF. Saa nähdä miten käy IE 7:n kanssa. Jos IE 7:ssa Child Selector alkaa toimia ja muita bugeja ei korjata niin sitten ollaan lirissä.