The iPad has a 1024 x 768 pixel screen, and so does the iPad2.
However, it can be used horizontally as well as vertically. So what happens to your wallpaper when you turn the iPad’s orientation since it reverses the vertical and horizontal dimensions? That is, it goes from 1024 pixels wide to 768 pixels wide, and 768 pixels high to 1024 pixels high.
When you turn iPad from the horizontal to vertical orientation, or vice-versa, it automatically rotates its wallpaper to match. But that’s all it does, in rotating your wallpaper. It does not resize it to fit the new dimension. Good thing, too, cause pictures of you and your friends would be rather ugly in one orientation or another… even if skinny ugly and not just fat ugly. See Figures 1 and 2 below that shows no resizing in iPad wallpapers with rotation of orientation (please click to enlarge).
What that means is you need a square wallpaper that is 1024 pixels in each dimension. What it also means is that some parts of your wallpaper will never be seen, and some parts will only be seen. See Figure 3 for visual of descriptions below.
A square of 128 x 128 pixels in each corner will never be seen (black areas).
Do not put anything important here if you want your wallpaper to look nice in both orientations of usage.
A strip 128 pixels high and 768 pixels wide at the top and bottom center will only be seen in the vertical orientation (red areas).
Do not put anything important here if you want your wallpaper to look nice in both orientations of usage.
A strip 768 pixels high and 128 pixels wide at the left and right center will only be seen in the horizontal orientation (green areas).
Do not put anything important here if you want your wallpaper to look nice in both orientations of usage.
A square 768 pixels on each side, appearing at the center of the image, will always be seen (white area).
Make sure everything critical to your image is in this area.
So how do you make sure you have something that works?
Well, it’d be a real pain to have to measure out everything all the time. The easiest sure way I can think of is to take the image in Figure 3 to place over your image and make it half see-through (or 50% opacity), so see if anything important in your image is in the covered area.
That’s still a pain, though, I know. “Eyeballing” the “covered patches” in Figure 3 is the only quick way of doing things. It’s not perfect, but it could be effective. You’re basically looking at cutting out 1/8 of your picture from each side (for the covered areas).
The easiest, but not necessarily fail safe, way to do it is to find your favourite 1280 x 1024 wallpapers and crop out a square the height of the full picture. Hold down the Shift key when you crop usually gives you a square. Then stretch it to the full height of the picture. Then move your square around so the 1/8 strips around the edges don’t seem to take up any important parts of your picture. Then crop and there you have it! The nicest thing about this method is that the 1280 x 1024 monitors are very popular and there are tens, of not hundreds, of millions of wallpapers already existing for them from which you can turn into iPad wallpapers.
I “eyeballed” things to create the wallpaper in Figure 4 (which is an image from the movie Avatar), and did OK.
In case you liked my “eyeballing sample” in Figure 4, I’ve included the real wallpaper for your use in Figure 5.
If you use it, Figure 6 shows how it will appear on your iPad in the horizontal orientation.
Figure 7 shows how it will appear on your iPad in the vertical orientation.
If you have any experience with Photoshop Actions (and have Photoshop at your disposal), you can always record an Action where you place the guides down. I find zooming to 400% helps accurately placing guides at 128 pixels in (and at 896 pixels from the far edge of 1024). Then you create another Action to remove those guides using the Clear Guides command under the View menu (in CS3). I have these set up so after I’ve cropped an image, I click on an Action to see the guides showing my cut-offs. If I am satisfied, I click on the next Action to clear them and Save. If not, I just Undo a few steps and crop again and test it again.
If you’ve got better methods, please do share! Thanks!
Please click here to see the iPad wallpapers I have created
(using Photoshop actions to verify their suitability).
Flesch-Kincaid grade reading level: 7.4
-
- Figure 1 – iPad horizontal wallpaper view
-
- Figure 2 – iPad vertical wallpaper view
-
- Figure 3 – Important areas of an iPad wallpaper
-
- Figure 4 – How important areas of an iPad wallpaper affects a sample
-
- Figure 5 – Avatar wallpaper sample for the iPad
-
- Figure 6 – Wallpaper as seen in the iPad horizontal orientation
-
- Figure 7 – Wallpaper as seen in iPad vertical orientation
[…] like to thank @Randomcuriosity for pointing me to Digital Citizen’s tutorial on how to make a proper iPad wallpaper and to Digital Citizen for sharing the […]
Really good explication.
I discovered the other day a web site that takes it in care.
http://www.wallpapers-for-ipad.com/
And it even offers the possibility to see if the wallpaper fix well in both position, vertical an horizontal including the dock.
Thanks for that link, IMAC. That’s a nice explanation, too.
I didn’t see the option to test the wallpaper. Still, that would be a bit of a bummer to finish something, save it, and upload it to test it, only to find out it’s not quite right. Better testing while creating.
On another note, some of the wallpapers there have more than should be cut off.
p.s. That’s a really colourful and cool user icon you’ve got!
Great article. Keep up the good work. If you or others are interested on vertical wallpapers for the iPad, check out iFullscreen’s website. They have nice vertical wallpapers for the iPad. Here is the link: http://www.ifullscreen.com/vertical_ipad_wallpapers.html
Thanks for the comp and sharing!
[…] this iPad wallpaper should* work (I followed this guide) Click for fullsize *Let me know if it […]
Works! Nice job!
Thanks Digital Citizen, this is exactly what I was looking for, as we are just gearing up to publish our first wallpapers for iPad (Germany still waiting for the big launch ;-))
Figure 3 – very helpful!
You’re very welcome, Jaybee! All the best with your efforts. I’ll be sure to have a look if it’s where the URL you gave with your comment.
Great post I’ve used it to create my iPad wallpapers on http://ipadwallpapersbybay.com they are now 1024×1024. Thanks.
You’re very welcome. Glad to be of help. Thanks for sharing!
Why not just use the crop tool in Photoshop, set it for 1024×1024. Crop real loose in anticipation of the dead zones. I made a template from your diagram with the pencil tool on a new layer, to drag it onto prospective images. Gunther
Hi Gunther. Thanks for the suggestion. It’s a good idea, but I didn’t want to leave much to chance with the “crop real loose in anticipation of the dead zones”. Problem is if you “miss”, it’s frustrating to have to undo a bunch of steps to try again. Or if you don’t check, it’s an uneasy feeling for me, at least, to put out stuff I am not sure “works”.
I also like some of my wallpapers big and bold, if you haven’t seen the Twilight ones I have for the iPad. 🙂
Your suggestion is a good strategy for those willing to try and do things more quickly, though. Thank you for sharing!
What resolution pip are you using?
72 pixels per inch, but that shouldn’t matter. Your operating system should know it’s the right pixel dimension and adapt it for your wallpaper.
Finally… the iPad has arrived in Germany so today we unveiled our first free iPad wallpapers from our travel magazine. Feel free to download:
http://www.reise-inspirationen.de/wallpaper.html
(In the download column, there is an iPad-link next to each thumbnail you will need to click. If you require further help with the German site, please let me know).
Very nice indeed. Thanks for sharing! The iPad has also only arrived in Canada, a month late. Word was that Apple redirected our shipment to the US where they were having big back orders and knew they could sell them quickly. Money sure makes the world go round, doesn’t it? 🙂
[…] How to Make Proper iPad Wallpapers (1024 x 1024 pixels) […]
[…] How to Make Proper iPad Wallpapers (1024 x 1024 pixels) VN:F [1.8.5_1061]بردبار باشید…Rating: 0.0/5 (0 votes cast)VN:F [1.8.5_1061]Rating: 0 (from 0 votes) [Translate] Apple, Beautiful, iPad, Wallpapers, آی پاد, آی پد, اپل, تکنولوژی, زیبا, عکس, پس زمینه یک دیدگاه بگذارید بازتاب […]
really cool source of 1024×1024 iPad wallpapers, backgrounds and themes: http://www.coolipadwallpapers.com. enjoy them!
Thank you thank you thank you
You’re welcome! You’re welcome! You’re welcome!
Great tutorial thanks 🙂 Most iPad wallpaper site don’t have the right dimension with the exception of flickr.com and http://www.ipadwallpapersonly.com/ and probably some other. Hopefully this will help out others as well.
Cheers,
Pat
You’re very welcome, Pat. Thanks for sharing the other information.
[…] found this great post at Digital Citizen explaining why you’ll have a problem using just regular desktop wallpapers. Essentially, the […]
[…] How to Make Proper iPad Wallpapers (1024 x 1024 pixels) […]
It seems that every time I make one when I send it over to the ipad it very low res. I had the document in PS set at 350. Whats causing this?
Hi Joey, I’m not sure what you are doing without being there to see. However, I’ll just run through a few of these points in case you missed something.
– The wallpaper you need is 1024×1024 pixels so you should check that first.
– If you’re downloading something from here, please make sure it’s at the full size before you download. It might not be if you view on a small monitor where your browser might offer a small version that fits fully into the screen first.
– I’m not sure what you mean by the 350. There’s nothing I can recall about 350 being important in the process.
Hope that’s of some help, but I’m really trying to help while blind here, so to speak, not being able to see what you are doing to understand what you mean.
[…] Reference: https://digitalcitizen.ca/2010/04/04/how-to-make-proper-ipad-wallpapers-1024-x-1024-pixels/ […]
[…] 怎样制作合适的iPad墙纸 (1024 x 1024像素) 赞助商链接： 相关日志 […]
[…] How to Make Proper iPad Wallpapers (1024 x 1024 pixels) You may also like:Marvel Ultimate Alliance 2 PSP, PS3, WII, PS2, X360Star Wars: The Force Unleashed — Ultimate Sith Edition PC, PS3, X360Ben 10: Ultimate Alien — Cosmic Destruction PS3, X360, WII, PS2, PSP, NDSBen 10 Ultimate Alien: Cosmic Destruction PS2, PSPBurnout Paradise: The Ultimate Box X360, PC, PS3Full Results […]
Thank you very much for teaching us how to make the proper iPad wallpaper. Some still doesn’t get the size of 1024×1024 and only based it on the iPad’s resolution which is 1024×768.
You’re very welcome, Pat. Glad I could help and yes, I hope more people will learn how to make iPad wallpapers correctly cause putting up stuff that doesn’t work properly, and have them found and used by others, just gets others frustrated and disappointed.
There are no better methods than this ! Thanks for sharing !
Thanks, Alex! I thought long and hard about how to go about presenting this method. And you’re very welcome! 🙂
Thanks for the article.
Here’s how mine turned out……
http://marshobbyblog.blogspot.com/2011/07/ipad-wallpaper-how-to.html
Nice, thanks for the info!
I will be making some iPad wallpapers 🙂
that’s correct, the resolution is 1024 x 1024 for ipad and ipad2, but the new ipad just came out which has a higher resolution as 2048×1536. you may find some at this site: http://www.ipadwallpapers.me
Does it not have the same issue with the rotation, though? In which case, it’d be 2048×2048 and those wallpapers had better be squared and follow the same design principles!
These should still look good on the new iPad, though, because it’s not a bigger screen. Just more pixels per inch. So these may not be as super sharp as the new wallpapers, but they should still be nice like on the iPad and iPad2.
[…] way overdue with getting some Sketchbot related artwork up for iPad wallpaper use. The trick is formatting imagery to look good in both portrait and landscape mode. I recently completed some vector artwork for my […]
nice!
wonderful tutorial. I’m doing this now. thanks so much for sharing.
Good guide, maybe update it for newer iPad models. The resolution should be 2048 x 2048 for the retina screens. I usually download new backgrounds from http://ipadwallpapergallery.com/