Bilder
Hittil har det sett litt kjedelig ut med bare masse tekst. Men nettet omhandler jo ikke bare tekst, men er et multimedia-ekstravagansa! Den vanligste form for å multimedia er bilder.
img-tag’en brukes til å sette inn et bilde i et HTML-dokument, og det ser slik ut:
<img src="https://picsum.photos/id/195/200" width="200" height="200" alt="Nattmarked">src står for source (kilde) og forteller nettleseren hvor den finner bildet. Akkurat som href-attributtet til anker-tag’en også src-attributtet være enten relativt eller absolutt. Si at du har et bilde som heter alien.jpg, og du legger det i samme mappe som index.html, så ville src-attributtet sett slik ut:
<img src="alien.jpg" ...Width og Height-attributtene setter bredde og høyde på bildet. Det gjør at nettleseren setter av plass til bildet allerede før nettsiden er lastet, og gjør at ikke resten av elementene på siden hopper rundt mens siden laster.
Alt-attributtet står for alternativ beskrivelse (alternative description). Dette går på universell utforming, og gir f.eks svaksynte informasjon om bildet. Hvis bildet av en eller annen grunn ikke ligger der vi sier at det ligger, så dukker den alternative beskrivelsen opp.
Legg merke til at akkurat som br-tag’en har ikke img-tag’en noe innhold, og dermed ingen lukketag.
Det er mye som kan sies om bilder for nettet, men vi holder oss til noen ganske enkle ting for nå.
De mest brukte bildeformatene vi finner på nett er JPEG, GIF og PNG. Disse er komprimerte format, og har veldig forskjellige bruksområder.
En JPEG brukes helst til fotografier. Måten bildet komprimerer filstørrelsen på gjør at andre ting, som f.eks logoer, bokstaver osv. fort vil se uskarpt ut.
GIF brukes til ensfargede bilder, ikoner eller logoer. GIF har gjennomsiktighet.
PNG brukes ofte for mer komplekse design
Internett blir stadig raskere, men du vil gjerne at nettsiden skal laste inn så raskt som mulig. Å bruke høyoppløste bilder gjør ikke hverken båndbredden eller tålmodigheten til folk noen tjenester. Bruk bildekompresjon når du kan, og bruk bilder i den størrelsen som de skal vises frem på nettsiden. De fleste bilder kan fint komprimeres ned til rundt 100kb uten at man ser betydelig forskjell, avhengig av hvor stort bildet skal vises.