Anpassa bilder för iPad

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%;
    }
}