iPad & iPhone grafische punten versus pixels

• April 29, 2024

Zoals bij de meeste projecten, maakt u de grafische afbeeldingen voor een iPad-app voordat u begint met het bouwen van de iOS-applicatie. Met de release van iPad en wijzigingen in de iOS SDK kunt u nu universele iOS-apps maken. Een universele app werkt op de iPhone / iPod en de iPad. Bij het maken van de afbeeldingen voor een universele app, zou je kunnen denken dat je één grote afbeelding (iPad-formaat) zou maken en de app zou opdragen de afbeelding zo nodig te wijzigen voor het apparaat van de kijker. Maar dit geeft zeer slechte resultaten. Een van de verbazingwekkende functies van iOS-apps zijn de briljante schermresoluties. Om van deze functie te profiteren, hebt u afbeeldingen in verschillende formaten nodig. De app gebruikt een andere afbeelding, afhankelijk van het apparaat van de gebruiker.

In deze zelfstudie gaan we ervan uit dat uw app op volledig scherm wordt afgespeeld, waardoor de statusbalk wordt geblokkeerd (de balk met het batterijpictogram). Als dit niet het geval is, moet u de 20 punten compenseren die door de statusbalk worden ingenomen. Je hebt misschien gemerkt dat ik de term punten gebruikte in plaats van pixels.

Als u in pixels voor internet hebt gewerkt, moet u in punten gaan denken. appel^R verwijst naar de grootte van het scherm in punten en pixels en op het eerste gezicht kan het verschil verwarrend zijn. Dit was echt geen probleem voor de iPhone 4 omdat het aantal punten gelijk was aan het aantal pixels voor elk apparaat. De iPhone 4 heeft echter een Retina-display. In het geval dat dit de eerste keer is dat u het woord 'Retina' hoort, verwijst dit naar het nieuwe scherm met hoge resolutie dat 4 pixels gebruikt voor elk punt op het scherm. Daarom heeft de iPhone 4 dezelfde fysieke afmetingen als de eerdere iPhones, maar gebruikt hij 2 keer een aantal verticale en horizontale pixels.



Daarom willen we de afbeeldingen voor onze apps in drie formaten maken. Er is de lage resolutie en hoge resolutie voor de iPhone. Dan zijn de grafische afbeeldingen voor de iPad van een derde grootte.

Hieronder vindt u een samenvatting van de pixelrelatie voor elk apparaat.

iPad: 1024 pixels x 768 pixels x 132 resolutie
iPhone 4: 960 pixels x 640 pixels x 326 resolutie
iPhone 3G: resolutie van 480 pixels x 320 pixels x 163

Je vraagt ​​je misschien af ​​waarom elk apparaat een andere resolutie heeft. De resolutie is het aantal pixels per inch. Het verschil in resolutie voor elk apparaat is een weerspiegeling van de dichtheid van de pixels per inch. Het weergavegebied van de iPad is bijvoorbeeld 7,76 inch x 5,82 inch en de pixelafmetingen zijn 1024 x 768. Het resultaat is een resolutie van 132.

Resolutie en resulterende schermgrootte

1024 x 768 bij 72 res zou 14,22 inch bij 10,66 inch zijn
1024 x 768 bij 132 res zou 7,76 inch bij 5,82 inch zijn

Dus neemt het iOS-apparaat de 1024 x 768 pixels, die zouden worden weergegeven met 14,22 inch bij 10,66 inch op uw computerscherm, en comprimeert ze in de 7,76 inch bij 5,82 inch op de iPad. Deze compressie is waarom de iPad en andere apparaten zo'n schitterend scherm hebben en ook waarom het een resolutie van 132 heeft.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen. CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.

Video-Instructies: DON'T Buy the New 2019 10.2" iPad! (April 2024).