Hva er et inline-bilde?

Et inline-bilde er et grafisk bilde som settes inn på en webside for å legge til visuell appell, gi informasjon eller for å representere en hyperkobling. Innlagte bilder er vanligvis i GIF-, JPEG- eller PNG-format. De er integrert i en webside ved hjelp av data URI-ordningen.

Data URIs tillater innebygging av data i liten størrelse som kan hentes umiddelbart av nettleseren. Innlagte bilder hentes av nettleseren sammen med HTML og vises som en del av nettdokumentet. For at nettleseren skal kunne hente og vise bildene uten for mye tid og problemer, anbefales det å bruke små bilder i linje.

Større bilder vil redusere lastetiden, og føre til at nettstedet tar lang tid å vises på skjermen. De fleste nettbesøkende har ikke tålmodighet til å henge med for å se at det skjer. Dette vil påvirke nettstedstrafikken negativt.

HTML-inline-bilder hentes fra serveren til nettstedet der de skal vises, eller inkluderes fra andre eksterne servere. Å bruke inline bilder fra eksterne kilder er et spørsmål om strid siden dette kan gjøres uten tillatelse. Img-taggen brukes til å sette inn innebygde bilder i avsnitt og overskrifter på websiden. Img-taggen kan ikke brukes i en flytende form. Det må lukkes inne i et annet element.

Det påkrevde attributtet til img-taggen er src-attributtet. Src-attributtet spesifiserer webadressen eller URL-en som nettleseren kan hente bildefilen fra. Bortsett fra src-attributtet, kan HTML-inline-bilder defineres av tre valgfrie attributter. Disse er alt, juster og ismap.

Alt-attributtet gir et inline bildetekstalternativ. Så hvis seerens nettleser ikke støtter grafikk, vil seeren se teksten i stedet for bildet. Det er sterkt anbefalt å bruke alt-attributtet.

Verdien for attributtet alt kan være en tom streng. For eksempel, hvis det er et dekorativt bilde, er det ikke nødvendig å gi alternativ tekst for det. Derfor kan verdien for alt attributtet legges tom.

Inline-bildestilen kan settes med align-attributtet. Align-attributtet forteller nettleseren hvor inline-bildet må vises i forhold til teksten på websiden. Det inline bildet kan justeres med toppen, midten eller bunnen av den tilstøtende teksten på websiden.

Med ismap-attributtet kan et inline-bilde markeres som et aktivt bildekart. Dette betyr at forskjellige deler av bildet kan lages til å produsere forskjellige handlinger hver gang noen klikker på de forskjellige delene. Hvis det for eksempel er et inline-bilde som viser Jorden og Saturn, kan det å klikke på Jorden føre til informasjon om Jorden og klikke på Saturn føre til informasjon om Saturn.

I motsetning til alt og justere attributter, fungerer ikke ismap-attributtet bare ved å inkludere i img-taggen. Det krever en viss konfigurasjon utført på serveren. Noe mengde programmeringskunnskap kan også være nødvendig.