9 Replies Latest reply: Oct 11, 2013 5:39 AM by Bob Levine RSS

    Screen size/resolution for iPad 3

    SteveChapman Community Member
    SteveChapman Mar 20, 2013 3:21 AM

      Hi

      I'm designing a portfolio app. At the moment I am previewing it on an iPad 2 in content viewer and all looks OK (text a but fuzzy but I hear thats normal) However I have set the articles and folio builder up in iPad 3 sizings as we will shortly be getting an Ipad 3 and will be showing off our work (we're a design agency) on the new higher res iPad 3. So, is it best practice for me to work to 2048x1536 @ 264 ppi for the iPad 3 versions, then when I've designed and built my app, downsize to 1024 x 768 at 131ppi?

      Thanks in advance

      Steve Chapman

        • 1. Re: Screen size/resolution for iPad 3
          Bob Levine CommunityMVP
          Bob Levine Mar 20, 2013 5:01 AM (in response to SteveChapman)

          Regardless of which iPad you're targeting your document should be set up as 1024x768. Use PDF format to avoid fuzzy text.

           

          Select vector for overlays. Your folio should look very good on early and later model iPads.

           

          Bob

          • 2. Re: Screen size/resolution for iPad 3
            SteveChapman Community Member
            SteveChapman Mar 20, 2013 6:53 AM (in response to Bob Levine)

            Thanks for the response Bob - two questions – should I aim for a PPI of 264 when importing jpegs into a 1024 x 768 format? (so they look good on an iPad 3?)

             

            Also, by 'Select vector for overlays.' Could you please elaborate on that?

             

            Many thanks

             

            Steve Chapman

            • 3. Re: Screen size/resolution for iPad 3
              Bob Levine CommunityMVP
              Bob Levine Mar 20, 2013 7:20 AM (in response to SteveChapman)

              264 is over kill.

               

              144 should be more than enough, and keep in mind, that's effective

              resolution as shown in the info panel.

               

              With PDF folios images are downsampled to 108 ppi which is half way

              between 72 and 144.

               

              Bob

              • 4. Re: Screen size/resolution for iPad 3
                SteveChapman Community Member
                SteveChapman Mar 20, 2013 10:32 AM (in response to Bob Levine)

                Cheers Bob.

                What's the point of the Retina display being able to display at 264 though if we're sticking to an effective res of 114? – is it more for HD movie files?

                • 5. Re: Screen size/resolution for iPad 3
                  SteveChapman Community Member
                  SteveChapman Mar 20, 2013 12:45 PM (in response to SteveChapman)

                  Hi Bob/Anyone – I found this post whilst doing some research – what are your opinions of it guys?

                  If my maths are correct then, for the iPad 3, keeping the document at 1024×768 pixels but just doubling the res (72ppi to 144ppi) is exactly the same as doubling the doc size to 2048×1536 but keeping it at 72ppi!!

                   

                   

                   

                   

                  Michael Buelens

                  September 10th, 2012 • 4:45 am • Link

                  There seems to be a lot of confusion about the whole retina story amongst print designers.
                  It is actually quite simple folks.
                  When you design something for iPad 1 or 2 use a 1024×768 pixels document at 72 ppi.
                  When designing for the retina ipad make a document 2048×1536 pixels at 72 ppi.
                  If you don’t believe me I’ll do the math for you: 2048 pixels wide on a 7.75 inch wide display > 2048 / 7.78 = 264. And 264 just happens to be the advertised resolution of the Retina iPad.
                  If you want to let users zoom in on images without the images becoming pixelated, use higher resolution images.

                  Use Indesign to layout the documents and create the PDF not Photoshop as mentioned before. Photoshop will produce rasterized text while a PDF from Indesign will offer crisp text at any zoom level.

                  • 6. Re: Screen size/resolution for iPad 3
                    SteveChapman Community Member
                    SteveChapman Mar 21, 2013 12:16 AM (in response to SteveChapman)

                    Anyone got any opinions on the previous post?

                     

                    Thanks

                    Steve

                    • 7. Re: Screen size/resolution for iPad 3
                      david hicks Community Member
                      david hicks Oct 10, 2013 11:27 AM (in response to SteveChapman)

                      You do not need to create a 2048 x 1536 layout at all.

                       

                      Here's what you do if you want to create TWO renditions for iPad 1/2/Mini ...AND... iPad 3/4 respectively:

                       

                      1. Create your layout to 1024 x 768 pixels (horizontal or vertical).

                      2. Ensure your images are 144 effective ppi - this means they will look perfect on any device.

                      3. Create overlays and slideshows and ensure they are vector

                      4. Create a folio (PDF format) to 1024 x 768 rendition and import the Indesign into PDF articles

                      5. Then create a folio (PDF Format) to 2048 x 1536 rendition and import the SAME InDesign docs into articles (PDF format).

                       

                      Alternatively, just create a single rendtion folio with PDF formatted articles, at 1024 x 768 pixels, and you'll see that the folio scales up perfectly on retina devices.

                       

                      You do NOT need to create a 2048 pixel layout.

                      • 8. Re: Screen size/resolution for iPad 3
                        Folobo Community Member
                        Folobo Oct 11, 2013 1:40 AM (in response to david hicks)

                        2. Ensure your images are 144 effective ppi - this means they will look perfect on any device.

                         

                        So you save always 144 ppi images? Also for iPad 1 and 2?

                         

                        My question is stupid but: how is the best way to save an image to 144 ppi?

                        I can not do it with save for web directly? I have to pass by image size before?

                        • 9. Re: Screen size/resolution for iPad 3
                          Bob Levine CommunityMVP
                          Bob Levine Oct 11, 2013 5:39 AM (in response to Folobo)

                          Stop worrying about save for web and just use save as. Choose PNG or JPG

                          depending on the image.