iPad Web Clip Icons – How to Make Them Look Better


In an earlier post, I described how you can create a Web Clip for a Safari webpage to add it to your Home screen. Here’s a quick review:

Create a web clip to add it to your home page. A web clip appears like any other application icon, but instead of starting up a little program known as an app, a web clip starts Safari and jumps you right to the site of the web clip. While in Safari on your iPad, click the plus sign (+) then tap “Add to Home Screen”

What I didn’t mention was that the web clip icon captures the position and zoom level of the page you’re saving. For example, here’s  a quick web clip of the iPad4Edu site I’ve mentioned in a previous post. The web clip icon isn’t very interesting or informative.

 

 

 

 

Now, here’s a web clip where I zoomed in and repositioned my view of the iPad4Edu website before making the web clip. What you see in this web clip icon is what I saw in my Safari browser on the iPad just before I made the web clip.

 

 

 

 

This tip isn’t just for the tops or titles of pages. You can navigate and zoom in to any part of the page. Then when you tap the web clip icon, you’ll jump directly to that part of the webpage. However, the website author can choose how the web clip icon will appear by adding a bit of code that points to a default image. In that case, your web clip icon is what the website author chooses. Here’s mine. I hope it earns a place on your iPad.

 

 


About Andy Brovey

Dr. Andy Brovey, The Portable Prof, helps others make sense and make use of digital tools through his work, websites and social media. He has over 30 years experience in educational technology, including teaching, administration and professional development. In 2007, Apple Inc. recognized his work and named him an Apple Distinguished Educator. He started this iPad Academy website shortly after the first iPad went on sale to help others become more comfortable and competent with the iPad, in person and online. His latest venture is Teach About Tech, a resource marketplace for technology trainers.


2 thoughts on “iPad Web Clip Icons – How to Make Them Look Better

    • Andy Brovey Post author

      Shawn,
      Do you mean you want to design your own web clip icon so when someone creates a web clip of your site it will look as you want it?

Comments are closed.