Vad är en inbyggd bild?
En inline-bild är en grafisk bild som infogas på en webbsida för att lägga till visuell överklagande, ge information eller för att representera en hyperlänk. Inline bilder är vanligtvis i GIF-, JPEG- eller PNG-format. De integreras i en webbsida med hjälp av URI-schemat.
Data URI: er möjliggör inbäddning av små data som direkt kan hämtas av webbläsaren. Inline-bilder hämtas av webbläsaren tillsammans med HTML och visas som en del av webbdokumentet. För att webbläsaren ska kunna hämta och visa bilder utan för mycket tid och problem rekommenderas det att använda små inline-bilder.
Större bilder skulle bromsa laddningstiden och få platsen att ta lång tid på skärmen. De flesta webbbesökare har inte tålamod att hänga med för att se att det händer. Detta skulle påverka webbplatstrafiken negativt.
Inline-HTML-bilder kommer från servern på webbplatsen där de ska visas eller inkluderas från andra externa servrar. Att använda inline-bilder från externa källor är en fråga om detta eftersom det kan göras utan tillstånd. Img-taggen används för att infoga inbyggda bilder i stycken och rubrikerna på webbsidan. Img-taggen kan inte användas i en flytande form. Det måste vara inneslutet i ett annat element.
Det obligatoriska attributet för img-taggen är src-attributet. Src-attributet anger webbadressen eller URL: en från vilken webbläsaren kan hämta bildfilen. Förutom src-attributet kan HTML-inlinebilder definieras av tre valfria attribut. Dessa är alt, justera och ismap.
Alt-attributet ger ett inbyggt bildtextalternativ. Så om tittarens webbläsare inte stöder grafik kommer tittaren att se texten i stället för bilden. Att använda altattributet rekommenderas starkt.
Alt attributvärdet kan vara en tom sträng. Om det till exempel finns en dekorativ bild är det inte nödvändigt att tillhandahålla alternativ text för den. Därför kan alt attributvärdet lämnas tomt.
Inline-bildstilen kan ställas in med attributet Align. Align-attributet berättar för webbläsaren var inline-bilden måste visas i förhållande till texten på webbsidan. Den inbyggda bilden kan inriktas med toppen, mitten eller botten av den intilliggande texten på webbsidan.
Med ismap-attributet kan en inline-bild markeras som en aktiv bildkarta. Detta innebär att olika delar av bilden kan göras för att producera olika handlingar när någon klickar på de olika delarna. Om det till exempel finns en inbyggd bild som visar Jorden och Saturnus kan klickning på Jorden leda till information om Jorden och klicka på Saturnus kan leda till information om Saturnus.
Till skillnad från alt och justera attribut fungerar inte ismap-attributet genom att bara inkluderas i img-taggen. Det kräver viss konfiguration som görs på servern. En viss mängd programmeringskunskaper kan också krävas.