---
title: "Får reda på en bilds storlek"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/119986-får-reda-på-en-bilds-storlek"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "saw"
published: "2005-01-12T17:56:17.000Z"
updated: "2005-06-12T01:05:49.000Z"
replies: 6
views: 386
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/javascript/119986-får-reda-på-en-bilds-storlek"
---

# Får reda på en bilds storlek

## #1 — saw, 2005-01-12T17:56Z

Har för mig att jag någonstans har sett ett javascript
där man enkelt kan se en bilds storlek.
Någon kanske vet? :birp

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

## #2 — Jojoxx, 2005-01-12T19:00Z

Det läser du av med objektets egenskaper width och height (efter det att det laddats!).

```
<img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif" id="minbild"/><br/>
<a href="#" onclick="bild=document.getElementById('minbild'); alert('Bildens storlek:'+bild.width+'x'+bild.height);">Visa bildens storlek</a>
```

Observera att script-arkivet bara är just ett script-arkiv, forumet är ej till för att ställa frågor. Tråden flyttas.

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

## #3 — saw, 2005-01-12T21:10Z

Ok, ju kan jag inte javascript alls, men jag har ett sript på en
 sida, som fyller upp alla bilderna i en mapp. När man sedan 
klickar på en bild(de är i miniaryr) så kommar man till en annan sida, och det är där jag skull vilja ha fram de här uppgifterna.

```
<A HREF="javascript:popUp('PopUp.asp?bild=<%=file.Name %> ')"><img border="0"  width="60"  src="Bild/<%=file.Name%>"><BR>
```

Vad tror du?
 :q

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

## #4 — Jojoxx, 2005-01-13T07:05Z

```
<script type="text/javascript">
window.onload=function(){
	var bild=document.getElementById('minbild');
	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
}
</script>
<img id="minbild" src="bilden.gif"/><br/>
<span id="bildinfo"></span>
```

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

## #5 — saw, 2005-01-13T07:21Z

Jojoxx
Du skall ha många tack för att du försöker att hjälpa mig, men 
vad jag var ute efter var den igenteliga storleken, inte den storlek som man visar.

```
<img id="minbild" width="65%" src="bild/<%=sBild%>"/><br>
```

 
För att ha lite kontroll på storleken så är jag tvungen att förminska bilden.
Men vad jag frågar om är orginalstorleken.

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

## #6 — Jojoxx, 2005-01-13T13:14Z

Du kan istället ladda bilden i ett Image-objekt så behöver du inte se bilden på sidan. (Den måste laddas någonstanns för att du skall kunna få reda på storleken på klient-sidan (i browsern)).

```
<script type="text/javascript">
var bild=new Image(); bild.src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"
window.onload=function(){
	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
}
</script>
<span id="bildinfo"></span>
```

Observera dock att det inte är speciellt snyggt att "resize'a" en bild genom att ändra bildens height/width till något annat än bildens orginalstorlek. Attributen width/height är primärt till för att webbläsaren skall kunna reservera plats för bilden medans sidan laddas (så att inte sidan flödar om för varje bild som laddas). Att "förminska" bilden på detta sätt är (om än ett ringa) slöseri på resurser (bandbredd/disk).

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

## #7 — Dashi, 2005-06-12T01:05Z

> **Jojoxx skrev:**
>
> Du kan istället ladda bilden i ett Image-objekt så behöver du inte se bilden på sidan. (Den måste laddas någonstanns för att du skall kunna få reda på storleken på klient-sidan (i browsern)).
> 
>
>
> ```
> <script type="text/javascript">
> var bild=new Image(); bild.src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif"
> window.onload=function(){
> 	document.getElementById('bildinfo').innerHTML='Bildens storlek:'+bild.width+'x'+bild.height;
> }
> </script>
> <span id="bildinfo"></span>
> ```
>
> 
> 
> Observera dock att det inte är speciellt snyggt att "resize'a" en bild genom att ändra bildens height/width till något annat än bildens orginalstorlek. Attributen width/height är primärt till för att webbläsaren skall kunna reservera plats för bilden medans sidan laddas (så att inte sidan flödar om för varje bild som laddas). Att "förminska" bilden på detta sätt är (om än ett ringa) slöseri på resurser (bandbredd/disk).

lite gammalt forum men men :)

har du något bättre alternativ på att "förminska" bilder på?

man ska kunna förminska bilden 25% av orginal storleken respektive 50%

Mvh //Darek

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/119986-får-reda-på-en-bilds-storlek