Ik heb weer eens zo'n term of dingetje die ik niet zo goed begrijp, maar waarschijnlijk voor echte Grafische jongens heel eenvoudig te beantwoorden is.

Vroeger was de standaard regel images voor online gebruik dan is dat 72 PPI en voor drukwerk is dat 300 DPI.

Maar op vandaag hebben beeldschermen veel meer pixels en diepte of dichtheid? dan vroeger en dan hebben we het niet alleen over de display's van iPhone's & iPad's.

Nu wil ik dus mijn logo-tje dat ik op de website gebruik aanpassen zodat het 'scherp en strak' zichtbaar wordt want ik heb het getest op de iPhone 4 (iOS Simulator) en het ziet er niet mooi uit.

Op mijn website werk ik met drie verschillende afm. via CSS voor het logo-tje omdat ik deze dynamisch moet kunnen aanpassen aan het formaat van het scherm + de layout van de pagina.
Ik krijg dus altijd een setje van 3 logo's voor:
1) Desktop
2) Tablets
3) Smartphone's

Alleen nu zou ik dus graag die Tablets & Smartphone's versie in een hogere PPI willen maken hoe pak ik dat het beste aan?

Desktop versie is 145px bij 95px. en 72 PPI.
Stel de afm. blijven het zelfde voor de iPhone Retina wordt dat dan 145px bij 95px en 326PPI ??
Want als ik de PPI in Photoshop of elk ander programma verhoog van 72 naar 326 stijgen ook de afmetingen mee.

Voorbeeldje in screenshots.
http://i42.tinypic.com/2w686dk.png Tablet + oude iPhone is goed.

http://i42.tinypic.com/sq5vko.png iPhone met Retina is niet scherp.

Is er iemand die me dit kan uitleggen?
Ik wil het graag goed leren zodat ik het later ook niet verkeerd kan doorvertellen en andere.