Web Analytics

How to Add Your Site’s Logo as an iPhone Bookmark

by Jason Unger, Founder

Photo by cottonbro via Pexels

iphoneHere’s a neat little trick to implement on your site.

When iPhone and iPad users bookmark your website through their mobile browser (which makes the link look just like an app), you can set a default image that gets used on their homescreen.

So if you want your site’s logo to show up as the bookmark, all you need to do is this…

  • Create a 57px by 57px PNG image of your logo
  • Upload it to your server
  • Add the following code to the header of your site:
    <link rel=”apple-touch-icon” href=”URL OF YOUR IMAGE”/>

And that’s it!

If you’ve got an iOS device, do a quick test by visiting your site in Safari (or your mobile browser of choice), click the “send” icon in the center of the footer, and choose “Add to Home Screen.” (Instructions may be different if you’re using a different mobile browser.)

It’s a simple but great update for every site.

Avatar photo
About Jason Unger

Jason Unger is the Founder of Digital Ink. He built his first website on Geocities, and hasn't looked back since. Digital Ink tells stories for forward-thinking businesses, mission-driven organizations, and marketing and technology agencies in need of a creative and digital partner.

Other Stories You May Like

What’s your story?

Let’s share it with the world.

Let’s Do This

Close Window
All the Cool Kids are Doing it

Sign Up for the Digital Ink Newsletter

All the cool kids are doing it.