Multimediaopas - GIF-kuvat

GIF on yksi verkon pääasiallisista kuvamuodoista.

Tämä artikkeli selittää yksityiskohtaisesti GIF-kuvien ominaisuudet ja käyttötekniikat.

Kuvamuodon ymmärtäminen

Molemmat HTML ja XHTML eivät määrittele virallista kuvamuotoa. Kuitenkin suositut selaimet ovat erityisesti määrittäneet tiettyjä kuvamuotoja: yleensä GIF ja JPEG. Muut multimediamuodot vaativat erityisiä apuohjelmia, ja jokaisen selaimen käyttäjän on saatava, asentaa ja oikein käyttää näitä ohjelmia voidakseen nähdä tai kuulla näitä erityisiä tiedostoja. Siksi GIF ja JPEG ovat webissä käytettyjä standardeja ei ole yllättävää.

Verkon ilmestymisen aikana nämä kaksi kuvamuotoa olivat jo laajasti käytössä, joten on olemassa suuri määrä tukiohjelmia, jotka auttavat meitä luomaan näitä muotoja. Kummallakin muodolla on omat hyödyt ja haittansa, ja jotkut selaimet käyttävät niiden ominaisuuksia saavuttaakseen erityisiä näyttötehosteita.

GIF

GIF-muoto tarkoittaa kuvavaihtomuotoa (Graphics Interchange Format, GIF), jota CompuServe kehitti alun perin verkkopalvelunsa käyttäjien kuvien siirtämiseksi.

GIF-muodon ominaisuudet

GIF-muodolla on monia ominaisuuksia, joten se on erittäin yleistä HTML/XHTML:ssä.

GIF-muodossa oleva toinen ominaisuus on erityinen puristustekniikka, joka voi merkittävästi pienentää kuvatiedoston kokoa, mikä mahdollistaa nopeamman siirron verkkoon. GIF-puristus on

Lisäksi GIF-kuvat ovat erittäin helposti toteutettavia animaatioita.

GIF-muodon versiot ja värit

Vaikka GIF-kuvatiedostot käyttävät .gif (tai .GIF) tiedostopäätettä, todellisuudessa on kaksi GIF-versiota: alkuperäinen GIF87 ja GIF89a, joka tukee monia uusia ominaisuuksia, kuten läpinäkyvää taustaa, kaksisuuntaista tallennusta ja animaatiota, jotka ovat erittäin yleisiä verkkoluoja keskuudessa.

Nykyiset selaimet tukevat molempia GIF-muotoja, ja ne käyttävät samaa menetelmää 8-bittisten pikseliarvojen määrittämiseen värimappaukseen, joten jokaisessa kuvassa voi olla enintään 256 väriä.

Useimmat GIF-kuvat käyttävät todellisuudessa vähemmän väriä, ja jotkut erityiset työkalut (kuten Macromedia Fireworks) voivat yksinkertaistaa näitä värejä tarkemmissa kuvissa. Värien yksinkertaistamisella voidaan luoda pienempiä värimappauksia ja vahvistaa pikseliruudukon ylimääräisyyttä, mikä tekee tiedostojen purkamisesta tehokkaampaa ja nopeuttaa latausta.

Kuitenkin, koska värimäärä on rajallinen, GIF-koodatut kuvat eivät ole aina sopivia, erityisesti niille, jotka vaativat valokuvamaisen todellisuuden. GIF:ää voidaan käyttää erittäin kauniiden kuvakkeiden ja värimäärä vähäisten kuvien sekä piirrosten luomiseen.

Jopa erittäin vaativat luojat valitsevat GIF:n

Koska suurin osa grafiikkabrowseereista tukee selvästi GIF-muotoa, se on nyt verkkosivustojen laajimmin hyväksytty kuvakoodausmuoto. Molemmat sisäänrakennetut ja ulkopuoliset linkitettyjä kuvia voidaan käyttää tällä muodolla. Jos epäröit valita kuvamuotoa, GIF on ehdottomasti oikea valinta. Se toimii lähes kaikissa tilanteissa.

GIF-kuvien taidot

GIF-kuvilla on kolme erityistä taitoa: rivivaihtelu (interlacing), läpinäkyvyys (transparency) ja animaatio (animation).

Rivivaihtelu

Välittömästi riveittäisellä skannauksella GIF-kuvat näkyvät näytöllä heti, eikä ne näy ylhäältä alas asteittain. Yleensä GIF-koodatut kuvat ovat kuvan ylhäältä alaspäin järjestettyjä pikselidatajen sarja. Siksi tavallinen GIF-kuvat näyttäytyvät näytöllä kuin nopeasti avautuva verho, kun taas väli rivin GIF:n näyttäytyminen on kuin rullataan verhot. Tämä johtuu siitä, että pikselidatajen sarja vaihtaa rivin väliin joka neljäs rivi. Käyttäjä tarvitsee vain neljänneksen aikaa ladata ja näyttää koko kuvan, jotta hän voi nähdä ylhäältä alas täydellisen kuvan, vaikka se onkin hieman hämärtynyt. Tämä vain neljänneksen valmis kuva on yleensä riittävän selkeä, jotta verkkoyhteydet hitaampien käyttäjien voi arvioida, onko tarpeen käyttää aikaa kuvan lopun lataamiseen.

Vaikka kaikki grafiikkaselaajat voivat näyttää rinnakkaiskuvausta GIF-kuvissa, ei kaikki selaimet voivat näyttää rinnakkaiskuvausta vähitellen selkeämmäksi. Vaikka ne selaimet, jotka voivat toteuttaa tämän vaikutuksen, käyttäjät voivat myös valita, että vaikutus näkyy vasta kuvan täysin latautumisen ja dekoodaamisen jälkeen. Vanhat selaimet näyttävät aina kuvan täysin latautumisen ja dekoodaamisen jälkeen, joten ne eivät tue tätä vaikutusta.

Läpinäkyvyys

GIF-kuvan (tms. GIF89a-muodon kuvan) toinen yleinen vaikutus on, että se voi tehdä kuvan osasta läpinäkyvän, jolloin kuvan alapuolella oleva sisältö (yleensä selainikkunan tausta) näkyy läpinäkyvän osan läpi. Läpinäkyvät GIF-kuvat käyttävät erityistä väriä taustavärinä värimaailmassaan, jotta näyttöikkunan tausta näkyy läpi. Tarkalla kuvan kokoonpanon leikkaamisella ja lähes yksivärisen taustavärin valinnalla läpinäkyvät kuvat voidaan tehdä näyttämään, että ne ovat täysin integroituja verkkosivulle tai kelluvat sen päällä.

Läpinäkyvät GIF-kuvat sopivat kaikille, jotka haluavat integroida kuvia dokumenttiin mutta eivät halua, että ne näyttävät neliömäisiltä. Läpinäkyvät GIF-logot ovat erittäin yleisiä, kuten läpinäkyvät ikonit tai painetut symbolit jne. - mikä tahansa minkä muotoinen kuva tahansa voi käyttää tätä vaikutusta. Läpinäkyviä sisäänrakennettuja kuvia voidaan myös lisätä perinteiseen tekstiin, jotta siinä voidaan näyttää erityisiä merkkisymbolia.

GIF-kuvan läpinäkyvyyden huono puoli on, että jos sitä sisällytetään hyperlinkin (a) -tagiin ilman reunan poistamista tai erityisen kehyksen käyttämistä, se näyttää erittäin huonolta. Lisäksi muu sisältö näytetään kuvan suorakulmion reunan ympärillä, ei kuvan läpinäkyvän reunan lähellä. Tämä johtaa tarpeettomaan kuvan eristämiseen tai sivun näyttämään erittäin omituiselta.

Animaatio

GIF89a-muodossa olevan kuvan kolmas ainutlaatuinen ominaisuus on, että se voi toteuttaa yksinkertaisen kuvakehityksen. Käyttämällä erityisiä GIF-animointityökaluja voidaan sijoittaa sarja GIF-kuvia yhteen GIF89a-tiedostoon. Selain näyttää tiedostosta jokaisen kuvan peräkkäin, kuten meidän lapsena pelasimme (ja jopa piirsimme) nopeasti kääntyvillä sivuilla toimivia piirteitä. GIF-tiedostossa jokainen kuva sisältää erityisen ohjausosan, jota voidaan käyttää asettamaan selain näyttämään koko sarjan (toistuvasti) kerran, viiveen pituuden kahden kuvan välillä, ja onko kuvan tilaa poistettava taustasta ennen seuraavan kuvan näyttämistä jne. Yhdistämällä nämä ominaisuudet GIF:llä yleensä oleviin ominaisuuksiin (mukaan lukien erillinen värikartta, läpinäkyvyys, rinnakkaiskuvaus jne.), voidaan luoda erittäin houkuttelevia ja erittäin tarkkoja kuvia.

Yksinkertaisten GIF-animoiden voimakas vaikutus johtuu myös toisesta tärkeästä syystä: animaation saavuttaminen ei vaadi HTML-dokumentin ohjelmointia. Mutta sillä on myös erittäin suuri haitta, se on rajoitettu aivan pieniin grafiikkoihin, tai vain pienenä viivana selaimen ikkunassa: vaikka olisitkin erittäin varovainen ja et toistaisi staattisia osia jatkuvissa animaatioyksiköissä, GIF-animat ovat erittäin helposti suuria. Tämä tarkoittaa, että jos dokumentissa on useita animaatioita, kuvien lataus voi olla käyttäjää erittäin epämukavaa. Jos on jotain ominaisuutta, jota on käsiteltävä erittäin huolellisesti, niin se on GIF-animat.

Yhteenveto

Yksinkertaiset GIF-animat ovat voimakkaita myös toisesta tärkeästä syystä: animaation saavuttaminen ei vaadi HTML-dokumentin ohjelmointia. Mutta sillä on myös erittäin suuri haitta, se on rajoitettu aivan pieniin grafiikkoihin, tai vain pienenä viivana selaimen ikkunassa: vaikka olisitkin erittäin varovainen ja et toistaisi staattisia osia jatkuvissa animaatioyksiköissä, GIF-animat ovat erittäin helposti suuria. Tämä tarkoittaa, että jos dokumentissa on useita animaatioita, kuvien lataus voi olla käyttäjää erittäin epämukavaa. Jos on jotain ominaisuutta, jota on käsiteltävä erittäin huolellisesti, niin se on GIF-animat.