Inline image
| "Larry" als inline image |
| Op internet wordt meestal het plaatje "Larry" als voorbeeld gebruikt van een inline image. Normaal is de code voor een dergelijk plaatje: <img src="Larry.gif" alt="Larry" /> |
Een inline image is een afbeelding dat in de HTML-code zelf staat, en waarbij dus niet verwezen wordt naar een externe afbeelding.
Voor een inline image moet de binaire code van de afbeelding worden omgezet naar platte tekst door het met base64 te coderen. Het resultaat wordt daarna als data-URI in de tag voor de afbeelding gezet (zie kader). Deze manier van een afbeelding in HTML zetten is volgens Request For Comments nummer 2397.
Het werkt alleen bij erg kleine afbeeldingen, omdat de lengte van de tekst in een <img>-tag aan een maximum is gebonden. Bovendien ondersteunen niet alle browsers het principe, bijvoorbeeld Internet Explorer (t/m versie 6) biedt hier geen ondersteuning voor.
Het voordeel van een inline image is dat er geen apart HTTP-request hoeft te worden gedaan om de afbeelding op te halen. Bij client-side XML/XSL-transformatie is dat voordeel nog groter omdat het gecodeerde afbeeldingen slechts eenmaal in de XML of XSL hoeft te worden opgenomen om de afbeelding meerdere malen in de webpagina te kunnen tonen, de browser hoeft niet in de cache te controleren of de betreffende afbeelding al is opgehaald.
Er zijn twee andere manieren bekend om de code voor afbeeldingen in de HTML zelf op te nemen. Beide maken gebruik van JavaScript en beide werken slechts in enkele browsers. Deze methoden zijn ook geen standaard, zoals de RFC2397 dat wel is.
Externe links [bewerken]
- RFC2397
- Inline Images on Web Pages, webpagina waar ook andere mechanismen voor inline images worden besproken (Engels)
| Webdesign | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
