---
title: "Anpassa bilder för iPad"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189852-anpassa-bilder-för-ipad"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2012-06-05T06:39:15.000Z"
updated: "2012-06-05T10:38:16.000Z"
replies: 5
views: 655
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/189852-anpassa-bilder-för-ipad"
---

# Anpassa bilder för iPad

## #1 — silfver, 2012-06-05T06:39Z

Någon som har koll på det här? Jag trodde det skulle vara så enkelt som att ange en *media query* och bara ändra pixlarna men det blir inte bra.

Första och andra generationen iPad ska ha samma upplösning:
1024 × 768 px 132 PPI 4:3 aspect ratio

Jag har en logotyp som är 176x62 pixlar @ 72 PPI. Det här ser ju bra ut på datorskärmen, men i iPaden blir den lite suddig (vilket jag helt är med på). Då prövar jag att först skapa en bild som är 176x62 pixlar @ 132 PPI i stället, men det gör ingen skillnad. Om jag använder logox1.5.png och sätter *background-size: 23%;* (23 procent liksom?!) så ser det bra ut. Men det känns inte rätt att göra så!

Är det någon av ers om har koll på bildhantering i iPad?

```
logo.png      176x62 @ 72 ppi
logox1.5.png  264x93 @ 72 ppi
logox2.png    352x124 @ 72 ppi
```

```
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    header {
        background-image: url(../img/logox1.5.png);
        background-size: 23%;
    }
}
```

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

## #2 — silfver, 2012-06-05T07:04Z

Det blir bra om jag lägger in bilden så här:

```
<img src="img/logox2.png" style="width: 176px; height: auto;" alt="" />
```

Men jag vill ha den som bakgrundsbild. Det här är ett sånt rejält huvudbry alltså.

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

## #3 — bassebhu, 2012-06-05T07:25Z

Kanske kan lägga den i en positionerad div med lågt z-index?

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

## #4 — silfver, 2012-06-05T09:32Z

> **[bassebhu skrev:](https://www.webforum.nu/p/1551250)**
>
> Kanske kan lägga den i en positionerad div med lågt z-index?

 Vad skulle det göra för skillnad menar du? Bilden ligger ju "rätt" nu + att det ser bra ut. Men jag blir irriterad på att det inte fungerar som en bakgrundsbild efter alla googlingar jag gjort på pixel-ratio å crap. :)

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

## #5 — bassebhu, 2012-06-05T10:34Z

Ändrar du nåt med proportionerna också?

Gör -webkit-background-size: Xpx Ypx; nånting vettigt?

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

## #6 — silfver, 2012-06-05T10:38Z

> **[bassebhu skrev:](https://www.webforum.nu/p/1551255)**
>
> Ändrar du nåt med proportionerna också?
> 
> Gör -webkit-background-size: Xpx Ypx; nånting vettigt?

 Nej jag ändrar inte proportionerna bara *background-size*. Men kanske blir bäst att skriva ut bilden med som img i stället. Det ser ju bäst ut i alla fall.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189852-anpassa-bilder-för-ipad