---
title: "Skala om bild, om den är för liten"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123450-skala-om-bild-om-den-är-för-liten"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "@nders"
published: "2005-03-01T10:43:53.000Z"
updated: "2005-07-29T12:51:17.000Z"
replies: 4
views: 337
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/123450-skala-om-bild-om-den-är-för-liten"
---

# Skala om bild, om den är för liten

## #1 — @nders, 2005-03-01T10:43Z

Hej!

Jag har en bild som ska visas, men den får inte visas i ett mått bredare än 140px.
Alltså; om bildens bredd är större än 140 pixlar, så ska den skalas ner vid visning till 140px. Om bilden är mindre skall den visas i originalstorlek.

Några idéer om hur jag ska bära mig åt?

Mvh och tpf

Permalänk: https://www.webforum.nu/p/123450

## #2 — Gislaved, 2005-03-01T10:59Z

```
#bilden {  max-width: 140px; }

...

<img id="bilden" src="bilden.png" alt="Bilden" />
```

Fungerar det? [Här](http://www.svendtofte.com/code/max_width_in_ie/) finns mer att läsa om max-width och IE.
Fast jag hade nog använt mig av något PHP-script som räknar ut höjden/bredden och skalar om bilden när den laddas upp.

Alternativt (om det är okej att beskära bilden) kan du lägga bilden som en bakgrundsbild i en DIV.

Permalänk: https://www.webforum.nu/p/1564127

## #3 — nitro2k01, 2005-03-01T11:17Z

Detta javascript ändrar bilden lokalt. Det gör att om bilden är för stor kommer den att flimra till precis innan storleken ändras.
Den ändrar storleken på bilden och behåller höjd/bredd-skalan. Max-höjd och bredd kan sättas individuellt.

```
var maxwidth = 500;
var maxheight = 200;

function fixImgSize(th){
	var wratio = maxwidth / th.width;
	var hratio = maxheight / th.height;

	if (wratio <1 || hratio <1){	
		if (wratio<hratio){
			th.width *= wratio;
		}else{
			th.height *= hratio;
		}
	}
}

</script>
<img src="bild.jpg" onload="fixImgSize(this)">
```

Permalänk: https://www.webforum.nu/p/1564133

## #4 — @nders, 2005-03-21T11:46Z

Jag är ledsen att jag inte återkommit om detta, har helt enkelt glömt bort att jag ställt frågan...

Gislaved; ditt exempel fick jag inte att fungera, men jag funderar på att installera någon asp-komponent för att beskära bilderna till thumbnails som du nämner. Det är klart att det är det bästa alternativet, men det finns ju ingenting sådant inbyggt i asp, så då får man leta komponent.

nitro: tack för förslaget, men bilderna är *alltid* för stora, och flimmer går bort. :)

Mvh

Permalänk: https://www.webforum.nu/p/1575506

## #5 — Gislaved, 2005-07-29T12:51Z

Om bilden *alltid* är för stor är det ju inga problem. Kör med

```
#bilden {  width: 140px; }

...

<img id="bilden" src="bilden.png" alt="Bilden" />
```

Jag vet att det är en gammal tråd, men jag missade att @nders hade svarat. :)

Permalänk: https://www.webforum.nu/p/1649397

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123450-skala-om-bild-om-den-är-för-liten