Hjemmesidehjelpen

Bilder og annen grafikk

En side med bare tekst kan være enkel, informativ, nyttig - og kjedelig. For å live opp, vil vi ofte legge inn litt grafikk.



Hva er grafikk?

Grafikk er stort sett alt det som ikke er tekst: fotografier, tegninger osv.
Vanlige funksjonsområder for grafikk er:

Tilbake til toppen



Et par advarsler

Grafikk kan være artig, men det er lett å overdrive. Her er de viktigste kjørereglene for god grafikkbruk:
Ikke legg inn viktig info som grafikk!
Det finnes mange som surfer på nettet uten å kunne (eller ville) se grafikk. Eldre nettlesere klarer ikke å takle det her særlig bra (og det er fortsatt mange som ikke bruker Netscape Navigator eller Internet Explorer), og de nyere har muligheten for å slå av bildenedlastingsfunksjonen, en mulighet mange benytter seg av. Derfor: Regn med at grafikken ikke synes hos den som leser siden og planlegg ut i fra det.
Unngå unødvendig grafikk!
Grafikk virker som en kraftig bremse på hastigheten til nettet. En enkel liten logo kan fort inneholde like mye data som en hel side full av tekst. Selv en superrask PowerMac med et 100 000 K modem (det finnes ikke enda, men vi kan jo drømme...) og en ISDN-linje bruker år og dag på å laste ned en side som er overfylt med grafikk. Særlig for de som bruker Internet Explorer (nettets snegle) kan dette bli et alvorlig problem.
I verste fall, hvis det blir alt for mye grafikk, kan programmet som skal lese det hele kræsje fullstendig. Nettlesere (særlig Netscape Navigator) er noen skikkelig humørsyke dyr som legger seg på rygg og spiller død ved aller minste anledning. Og den vanligste havari-årsaken ser ut til å være at siden inneholder så mye grafikk at maskinen som skal lese det blir overbelastet.
Så minst mulig grafikk betyr større fart og bedre stabilitet - det vil si at det faktisk er sjanser for at folk gidder å komme på besøk til din hjemmeside en gang til!
(En helt annen sak: grafikk kan pynte opp på en side, javel, men for mye grafikk gir fort et forvirrende og rotete utseende som ikke er pent i det hele tatt.)
Gjør bildene så små som mulig!
Det vil si, lag de så små som mulig størrelsesmessig og bruk færrest mulig farger. Grunnene er det samme som på punktet ovenfor. Et lite bilde tar mindre lagerplass, er raskere å laste ned og gir mindre muligheter for problemer.

Tilbake til toppen



Oppskrifter

OK! Nok formaninger. Skal vi se på hvordan vi gjør det her?

Å legge inn et bilde på en Internet-side er dessverre ganske komplisert. Men hvis du leser oppskriftene nedenfor nøye og følger dem til punkt og prikke, bør det gå bra.

Det store problemet er at et HTML-dokument egentlig ikke kan ha med bilder i det hele tatt! HTML-standarden ble utviklet lenge før noen tenkte på å bruke grafikk på en datamaskin i særlig grad. Så alt du kan legge inn på en hjemmeside er tekst og koder.
Så for å få inn et bilde, må du ta en liten omvei, du må legge inn en kode i teksten, en kode som henviser til bildet. Så når noen besøker hjemmesiden og netteseren hans (eller hennes) leser koden "sett in bildet som heter "portrett.gif"", så gjør nettleseren akkurat det. Og bildet kommer opp på skjermen hos gjesten akkurat slik det skal.
Unødvendig flisespikkeri? Langt i fra! Du vil raskt oppdage at det er viktig å være klar over forskjellen mellom at bildet selv er lagt inn i teksten og at en kode som henviser til bildet er lagt inn i teksten.

For å få inn et bilde på hjemmesiden, må du gjennom fire trinn. (Klikk på den aktuelle teksten, så får du en bedre beskrivelse.)
Først må du selvfølgelig få tak i et bilde du vil bruke
Du må få det konvertert til et format som kan brukes på Internett.
Du må få lastet bildet opp
Du må få bildet inn på hjemmesiden din.
Dessuten, siden det helt sikkert skjærer seg første gangen, må vi til slutt finne feilen.

Tilbake til toppen


Ta med deg hjemmesidekurset hjem (klikk her)