|
|
 |
|
|
|
HTML Bilder/Grafik : ÄNDRA STORLEK
|
Du kan ändra storleken på en bild genom att använda width och height attributen.
Generellt, är det inte tillrådigt att reducera bilder med hjälp av denna metod, eftersom bilden skickas över Internet i sin ordinarie storlek även ifall du ändrat dessa attribut. Det slöar ner uppladdningen av din hemsida.
Detta betyder, att har du en bild som är större än den storlek du vill ha på din sida, bör du reducera storleken i ett grafikprogram istället för att ändra storleken på din hemsida med hjälp av width och height attributen.
Fast ibland, kan det vara klokt att ändra storleken på bilden med hjälp av denna teknik.
Nedanför ser du två olika presentationer av samma bild - med olika inställningar för width och 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">
|
Om du hoppar över inställningarna för width och height, kommer webläsaren automatiskt använda den riktiga storleken på bilden.
Hur som helst, du bör alltid skriva in inställningarna för width och height, även ifall du använder den riktiga storleken!
Aledningen till det, är att om man inte fyller i inställningarna, kommer webläsaren inte kunna skapa fram sidan förrän bilden är helt färdigladdad.
Det betyder, att besökare inte kan läsa texten runt bilden när bilden håller på att laddas - vilket i sin tur medför att besökaren får en känla av att hemsidan går sakta att ladda hem.
Det är särskilt sant, speciellt om bilden är inuti en table.
I det fallet, kommer inget i tablen att visas förrän bilden är helt färdig laddad.
|
|
| |
|
KURSER 
