Attributet width

Attributet width anger bredden på bilden som anges med taggen img.

För närvarande får detta attribut endast användas för bilder, iframe, video och några andra taggar.

Det är tillåtet att ange värden i pixlar eller procent. Om storleken anges i procent kommer de att tas från förälderns bredd. Om storleken anges i pixlar anges inte måttenheter.

Om varken bredd eller höjd är angiven för en bild - kommer bilden att ha sin verkliga storlek. Om höjd är angiven - kommer bilden att få den angivna höjden, och bredden kommer att anpassas så att dess proportioner inte förvrängs. Om endast bredd är angiven - på samma sätt kommer bilden att anpassa sig i höjd för att bevara proportionerna. Om både bredd och höjd är angivna - kan bildens proportioner förvrängas (eller kanske inte, beroende på tur). Om bredden eller höjden (eller båda tillsammans) är större än den verkliga - kommer bilden att förstoras, men förlora i kvalitet.

Det rekommenderas att ange bredd och höjd för bilder i attribut - i detta fall kommer webbläsaren att ladda bilderna snabbare - den behöver inte beräkna storleken på varje bild efter att den har hämtats.

Det rekommenderas inte att minska de verkliga storlekarna på bilden utan anledning. Till exempel, den verkliga storleken på bilden är 1000 gånger 1000 pixlar, och du anger en bredd på 100px. I detta fall kommer bilden på skärmen att se ut som 100 pixlar, men ha en storlek på hela tusen och följaktligen ta mycket längre tid att ladda.

Exempel på hur det fungerar finns här: taggen img.

Se även