• Survey
  • Book Becky to speak
  • The book: Small Town Rules
  • Shop Local video
  • SaveYour.Town

Small Biz Survival

The small town and rural business resource

A row of small town shops
  • Front Page
  • Latest stories
  • About
  • Guided Tour
  • Subscribe
  • Privacy Policy
  • Contact
  • RSS

Is your website missing these icons?

By Becky McCray

When a reader or friend likes your site so much that she puts a shortcut to it on her iPhone, it’s a big compliment. It also means you ought to create a special icon to represent your site on iPhones. How do you do that? With special icons called Apple Touch Icons.

This does take some technical skills: copying files to the root directory of your website and adding code to your HTML. If you’re not comfortable with those, you may want to either skip this project or hand it off to the person who helps you with your website.

Note: this is the absolute minimum set of instructions. You’ll find comprehensive instructions in this article Everything you always wanted to know about touch icons.

Here’s my simplified method:

The Apple Touch Icon for Small Biz SurvivalFirst, create an icon. This is the icon to represent your site, so make sure it looks like your site or your brand. You can create special copies of the icon in all the different sizes that might be used on all the different Apple devices. I was lazy and created one icon at the largest size: 152 x 152 pixels. I made sure it was readable even when scaled down smaller because the Apple iOS will resize it as needed. I named this icon file “apple-touch-icon.png”. To make the icon compatible with certain Android phones and tablets and to keep iOS from making it look “glossy” and rounded on certain phones, I created a copy called “apple-touch-icon-precomposed.png”.

Second, copy the icon file or files to the root directory of your website. How you do this depends on who hosts your website and how you access it, so I can’t give you specific step-by-step instructions. You host might offer a File Manager tool or FTP. I used FTP to place the two files in my root directory.

Third, add a piece of code to the <head> section of your website’s HTML. This is optional. All Apple devices will look for the HTML, but if they don’t find that, they will still look for the icons in the root directory. Some Android devices only check for this HTML to find the icons, so I decided to include it.

Once again, how you do this depends on your particular website. Because I use WordPress and the Genesis theme, I have a plugin called Genesis Simple Hooks to make it easy to add HTML. In the <head> section, I added these two lines:
<link rel=”apple-touch-icon-precomposed” href=”apple-touch-icon-precomposed.png”>
<link rel=”apple-touch-icon” href=”apple-touch-icon.png”>

Below, you’ll see a screenshot of how my icon looks on an iPhone screen. Ain’t it purty?

This is a very, very minimal explanation, really just to make you aware that this is something to consider adding to your website. You’ll find much more complete and technical tutorials on other websites that specialize in this kind of thing. Try searching for the phrase “Apple Touch Icons.”

The home screen of an iPhone with the Small Biz Survival icon

  • About the Author
  • Latest Posts

About Becky McCray

Becky started Small Biz Survival in 2006 to share rural business and community building stories and ideas with other small town business people. She and her husband have a small cattle ranch and are lifelong entrepreneurs. Becky is an international speaker on small business and rural topics.
  • Zoom Towns: attracting and supporting remote workers in rural small towns - December 10, 2020
  • In an economic crisis, spend your brainpower before your dollars - November 25, 2020
  • Video: How to fill empty car dealership buildings for the holidays - November 6, 2020
  • How has 2020 changed the challenges rural small towns face? Tell us here - October 20, 2020
  • The Idea Friendly Method to surviving a business crisis - October 6, 2020
  • Join me for the Rural Renewal Symposium online Oct 13 - September 26, 2020
  • Cheap placemaking idea: instant murals - September 11, 2020
  • Refilling the rural business pipeline - July 7, 2020
  • Huge vacant buildings: grants to renovate? - June 9, 2020
  • Economic self defense for small towns  - June 7, 2020

March 4, 2014 Filed Under: social media

Wondering what is and is not allowed in the comments?
Or how to get a nifty photo beside your name?
Check our commenting policy.
Use your real name, not a business name.


Don't see the comment form?
Comments are automatically closed on older posts, but you can send me your comment via this contact form and I'll add it manually for you. Thanks!

Comments

  1. Mike Sansone says

    March 5, 2014 at 12:19 am

    Great tip and tweak, Becky. I’d never thought about doing or suggesting this tidbit.

    One thing I have used in the past for other “icon-izing” of images and sites is this icon generator from Quirco http://www.quirco.com/iPhoneIcon/ – might assist in taking that first step.

    Thanks for sharing this, I’m passing it around:-)

    • Becky McCray says

      March 5, 2014 at 9:47 am

      Thanks, Mike. Great tool!

Howdy!

Glad you dropped in to the rural and small town business blog, established in 2006.

We want you to feel at home, so please take our guided tour.

Meet our authors on the About page.

Have something to say? You can give us a holler on the contact form.

If you would like permission to re-use an article you've read here, please make a Reprint Request.

Want to search our past articles? Catch up with the latest stories? Browse through the categories? All the good stuff is on the Front Page.

Shop Local

Buy local buttonReady to set up a shop local campaign in your small town? You'll need a guide who understands how we're different and what really works: Shop Local Campaigns for Small Towns.

Best of Small Biz Survival

What is holding us back? Why does every project take so long in small towns?

How any business can be part of downtown events by going mobile

Concert-goers talking and enjoying the evening in downtown Webster City, Iowa.

Why do people say there’s nothing to do here then not come to our concerts?

Retailers: Fill all empty space, floor to ceiling

More of the best of Small Biz Survival

Copyright © 2021 Becky McCray
Front Page · Log in