Multimedie Læringsressourcer - Brug af Billeder på Web

Dette dokument forklarer i detaljer, under hvilke betingelser billeder og tekst bruges, hvordan man kan accelerere billedernes download samt valg af passende billedformater.

Når bruge billeder

For de fleste billeder kan et billede være værdi for tusind ord. Men det skal stadig bemærkes, at ingen vil bemærke de snakende mennesker. Først og vigtigst, skal dokumentets grafik bruges som et visuelt værktøj, ikke som en ugrundet dekoration. De skal støtte indholdet af teksten og hjælpe læseren med at navigere i dokumentet. Brug af billeder kan gøre dokumentindholdet mere klart og kan tilføje kommentarer eller eksempler. Billeder, grafer, kurver, kort og illustrationer osv. er naturlige og passende valgmuligheder. For eksempel er produktbilleder en afgørende del af online kataloger og købsvejledninger. Derudover kan ikoner og trykfigurer med linkfunktioner, herunder animationseffekter, være meget effektive som visuelle vejledere til indhold eller eksterne ressourcer. Hvis et billede ikke spiller nogen af de nævnte roller i dokumentet, bør det kasseres!

Når der overvejes at tilføje billeder til dokumentet, er en anden vigtig overvejelse den tidslag, der opstår ved at hente dokumentet gennem netværket, især gennem en modemforbindelse. En almindelig dokument kan maksimalt indeholde 10-15 kilobytes, mens et billede let kan nå flere hundred kilobytes. Og den samlede nedlæsningsperiode for et dokument er ikke kun summen af alle dele, men også overvejelse af forsinkelsen forårsaget af netværksbelastningen.

Baseret på forbindelseshastigheden (altså bredbånd,bandwidth，normalt udtrykt med bps eller b/s）og muligvis forsinke forbindelseshastighedens netværksblokeringssituationer, for at downloade et enkelt dokument, der indeholder et 100 KB-billede, kan det være nødvendigt at gøre det kl. 1-2 om morgenen, når de fleste stadig sover, med en 57,6 Kbps-modem tager omtrent 15 sekunder at fuldføre downloaden, og det kan også tage mere end 10 minutter at downloade med en 9600 bps-modem ved middagstid. Har du fået billedet?

Selvfølgelig vil brugen af billeder og andet multimedie udløse, at internetudbydere konstant søger efter hurtigere, bedre og mere robuste måder at levere webindhold. Snart vil 56 Kbps-modemforbindelser blive som heste og vagnar i historien (som 9600 bps-modem), og de vil blive erstattet af nye teknologier som kabelmodem og ADSL. Faktisk vil de fleste forbindelser hurtigt overstige 1Mbps-hastigheden.

Med faldende priser vil brugen af internettet stige, hvilket fører til blokering. Hvis du forsøger at få adgang til en overbelastet server, vil din hastighed af netværksforbindelse ikke kunne få adgang til det, uanset hvor hurtig din forbindelse er.

Når skal man bruge tekst

Tekst er ikke forældet. For nogle brugere er tekst det eneste tilgængelige sted i deres dokumenter. Vi anbefaler, at dokumenter i de fleste tilfælde skal være tilgængelige for alle, herunder dem, der ikke kan se billeder eller dem, der har deaktiveret browserens automatisk download af billedfunktioner for at forbedre netværksforbindelsens ydeevne. Selvom behovet for at tilføje billeder til dokumentet kan være meget stærkt, kan det nogle gange være mere meningsfuldt at have en ren tekstdokument.

Dokumenter, der konverteres fra andre formater til websider, indeholder ofte ikke indlejrede billeder, mens litteratur og andet alvorligt indhold ofte er tilgængelig i ren tekstform.

Når hastighed er meget vigtig, bør du oprette ren tekstdokumenter. Hvis du ved, at brugerne kan kæmpe for at få fat i dit dokument, bør du undgå at bruge billeder i dokumentet for at tilpasse dig deres behov. I ekstreme tilfælde kan du tilbyde en startside (guide-side), hvor brugerne har mulighed for at vælge mellem to kopier af dit værk: en med billeder og en uden billeder (mange populære browsere har specielle billedikoner, der afsætter plads til billeder, som kan ødelægge dokumentets layout og endda gøre det umuligt at læse).

Hvis du ønsker, at dit dokument let kan søges af de mange indeksservices på internettet, er tekst den bedste form - kun støtte til billeder, ikke dekorative og unødvendige grafik. Men disse søgemaskiner ignorerer ofte billedernes eksistens. Hvis hovedindholdet i din side leveres gennem billeder, vil der være meget lidt information om dit dokument i online webkataloger.

Hurtigere download af billeder

Udover at omhyggeligt vælger indholdet, der skal inkluderes i dokumentet, er der mange metoder til at forbedre belastningen og forsinkelsen, der opstår fra billeder:

Bevar enkelhed

En fuldskærm 24-bit farvegrafik, selv efter komprimering i standardformater (som GIF eller JPEG osv.), optager stadig en stor del af netværksbredden. Derfor er det bedst at bruge forskellige billedhåndteringstools til at optimere billedets størrelse og reducere antallet af farver til det mindste nødvendige antal pixels. Forenkle din tegning, brug ikke landskabsfotos, og undgå store tomme baggrunde, unødvendige rammer og andre pladsforbrugende elementer. Undgå også brug af ditheringseffekter (bland to næsten ens farver for at opnå en tredje farve), som kraftigt reducerer billedets komprimerbarhed. I stedet skal man forsøge at bruge store områder med ens farver, da de nemt kan komprimeres i formater som GIF eller JPEG.

Genbrug billeder

Dette gælder især for ikoner og GIF-animationer. De fleste browsere cache de indførte dokumentkomponenter i lokalt lager, hvilket gør det hurtigere at få data, og bruger mindre netværksforbindelse. For små GIF-animationer skal man forsøge at forberede hver kontinuerlige billede, så kun de dele, der ændrer sig i animationen, opdateres, i stedet for at opdatere hele billedet (dette kan også accelerere visningen af animationen selv).

Del store dokumenter op

Dette er en generel princip for at inkludere billeder. Mange små dokumentfragmenter organiseres med hyperlinks (selvfølgelig brugte!) og effektive indholdsfortegnelser, hvilket gør det lettere for brugeren at acceptere. Generelt foretrækker folk at bladre mellem flere sider frem for at spilde tid på at downloade et stort dokument (som kan sammenlignes med tv-kanalssyndromet). En god regel er at holde hver dokumentstørrelse omkring 50 KB, så selv hvis læseren bruger den langsomste forbindelse, vil de ikke blive trætte.

Isoler store grafikker ved behov

Tilbyd en speciel link til store billeder, som kan være en miniature af billedet, så læseren kan beslutte, om de vil bruge tid på at downloade det hele billede, og når de vil downloade det. Da disse billeder ikke er indlejret som andre elementer i dokumentet, er de nemme at identificere og gemme i lokalt lager til fremtidig brug.

Specificer billedets dimensioner

Til sidst, en anden metode til at forbedre ydeevnen er at inkludere højden og bredden af billedets rektangulære kant i dens etiket. Ved at specificere disse dimensioner kan man undgå nogle ekstra trin, og en browser med udvidede funktioner behøver ikke længere at downloade, kontrollere og beregne billedets dimensioner i dokumentet. Der er dog en ulempe ved denne metode. Hvis brugeren slår funktionen til automatisk download af billeder fra, vil browseren stadig vise det reserverede rum for billedet med de specificerede dimensioner. Dette efterlader ofte læseren med en tom ramme, selvom der endnu ikke er en løsning på dette problem, opfordrer vi dog til at bruge disse dimensionsegenskaber, fordi vi opfordrer til alt, der kan forbedre netværksydeevnen.

JPEG eller GIF?

Hvis billedets kilde eller dit værktøjsoftware foretrækker et bestemt format, kan du muligvis kun bruge en af JPEG eller GIF-billederne. Nu får begge formater bred støtte fra browsere, så der er ingen problemer med, om brugerne kan se dem.

Dog anbefaler vi stadig, at du bruger visse værktøjer til at skabe eller konvertere disse to formater for at udnytte deres respektive funktioner fuldt ud. For eksempel kan du bruge GIF's gennemsigtighedsfunktion til ikoner og små dekorative symboler. Brug JPEG til at komprimere større farverige billeder for at accelerere downloadhastigheden.

<img> Tag

<img> Tagget giver mulighed for at referere til eller indsætte grafiske billeder i dokumentets nuværende dokumentstrøm. For at få mere detaljeret information om dette tag, se venligst: