Do you have an iPhone icon for your school?
If you’ve got an iPhone (or an iPod touch), go ahead and open www.allegheny.edu up in Safari. Once you’re there, click on the little plus sign and click the “Add to Home Screen” button. Safari will put an Allegheny link on your home screen - and look at that, a custom Allegheny icon. Pretty neat, eh?
If you haven’t specified a custom icon for you page, Safari will show a screenshot. In most cases, it will look like microscopic text and maybe an image. Definitely not the kind of branding you want to do for your school. So, how do you create the icon? Easy.
In Photoshop, I made a 158×158 image. There is some debate as to the best size for these. Some sites create 57×57 icons, but I think its better to make it bigger and let the iPhone/iPod scale it for you. As you can see, I used our “A” logo and our official college colors. I saved it out as a png with transparency. To get it to show up on the phone, you don’t have to add any code to your site, merely put the graphic in your home directory and call it apple-touch-icon.png. That’s it.
If you enjoyed this post, please subscribe to my RSS feed!
Comments
3 Responses to “Do you have an iPhone icon for your school?”
Leave a Reply
Here’s our little booger. Isn’t he cute?
http://squaredpeg.com/index.php/2008/01/17/a-little-iphone-fun-for-your-site/
[...] Now’s the time to also create an iPhone icon for your school. [...]
[...] looking app. iUI was developed by the Joe Hewitt, the genius behind Facebook’s iPhone UI. 4. Make an iPhone icon for your school so that anyone who opts to add your site to their home screen will get your nicely designed [...]