Innehåll

• Steg
• Tips

Den här artikeln visar hur du ställer in höjd och bredd på en bild i HTML.

• Attributet "width" anger bildens bredd (i pixlar).
• Attributet "höjd" anger bildens höjd (i pixlar).
• I HTML4.01 kan höjden ställas in i pixlar eller i procent, men i HTML5, bara i pixlar.

Steg

1. 1 Öppna HTML -filen. Till exempel, öppna filen default.html.
2. 2 Lägg till följande rad i din HTML -kod.
   • img src = "imagefile.webp" alt = "Bild" höjd = "42" bredd = "42">
   • src innehåller sökvägen till den grafiska filen (bild).
   • i alt är bildens storlek inställd.
3. 3 Ersätt värdena för höjd- och breddattributen med dina önskade värden. Till exempel så här: höjd = "19" bredd = "20"
4. 4 Spara filen och öppna den i valfri webbläsare. Gör detta för att kontrollera hur bilden ändras. Attributet "width" stöds av alla större webbläsare (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

Tips

• Ställ alltid in bildens höjd och bredd. Så när sidan laddas är utrymme reserverat för bilden. Annars känner webbläsaren inte till bildens storlek och reserverar inte utrymme, vilket gör att sidlayouten ändras när sidan laddas.
• Om storleken på den stora bilden minskas med attributen "höjd" och "bredd", laddar användaren den stora bilden (även om den verkar liten på sidan). Därför rekommenderar vi att du först ändrar storleken på bilden i en grafikredigerare.