|
|
 |
|
|
|
HTML billeder : BILLED STØRRELSE
|
Du kan ændre størrelsen på et billede ved at bruge width- og height-attributter.
Det er generelt ikke anbefalingsværdigt at reducere billedstørrelsen ved at bruge disse opsætninger, da billedet vil blive flyttet hen over internettet i den originale størrelse, uanset hvilken reduktion det er sat til. Det vil sinke loadningen af din webside.
Det betyder, at har du et billede, der er større, end du ønsker på din webside, skal du reducere det i et grafikprogram fremfor at reducere størrelsen på websiden ved brug af width- og height-attributterne.
Modsat kan det af og til være klogt at forstørre et billede ved brug af denne teknik.
Nedenfor er 2 præsentationer af nøjagtig det samme billede - med forskellige width og height.
<img src="http://www.echoecho.com/rainbow.gif" width="60" height="60">
|
<img src="http://www.echoecho.com/rainbow.gif" width="120" height="120">
|
Udelader du opsætningen for width og height, bruger browseren automatisk billedets oprindelige størrelse.
Du bør dog altid indsætte opsætningen for width og height, selvom du bruger den oprindelige størrelse!
Grunden er, at browseren ikke kan opbygge siden, før billedet er fuldt loadet, hvis opsætningen udelades.
Det betyder, at den besøgende ikke kan læse teksten rundt om billedet, mens billedet selv loader - hvilket vil give den besøgende indtrykket af en langsomt loadende side.
Dette er specielt tilfældet, hvis billedet er inde i en tabel. I dette tilfælde vil tabellen ikke blive vist, før billedet er fuldt loadet.
|
|
| |
|
KURSER 
