• Skip to main content
  • Skip to primary sidebar

Digital Maestro

Harmonizing Your Online Strategy

  • Home
  • About
  • Work With Us
    • Coaching
      • One-on-One Coaching
    • Services
      • Set Up Services
      • Website Maintenance
  • Products
    • WPICA
    • WP Security Help
  • Blog
    • Affiliate Marketing
    • Plugins
    • Business
  • Resources
    • Registrar
    • Hosting
  • Contact

Aug 10 2011

WordPress Favicon

What is a Favicon, you might ask! To quote parts from Wilkipedia:

A favicon ( short for favorites icon), also known as a shortcut icon, Web site icon, URL icon, or bookmark icon, is a file containing one or more small icons, most commonly 16脳16 pixels, associated with a particular Web site or Web page. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks.[3] Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab, and site-specific browsers use the favicon as desktop icon.

In even simplier terms, a favicon is the little icon that appears up at your Address Bar of your browser (Internet Explorer, FoxFire, Safari, Opera, etc.).

WordPress-Favicon

Any image can become a favicon if it meets the proper criteria and is saved in the correct place.

To prepare the image to be saved as favicon.ico:

  1. The image should be a square image = same height as its width.
  2. The size of the the image needs to be 16 x 16 pixels.
  3. The name of the file needs to be favicon.ico

If your image is not 16×16 (who in reality will have a normal picture that size???) you can resize it using something like PhotoShop, Preview, or you can visit picresize.com and do it online.

Once you have your 16×16 pixel file named, favicon.ico, save it on your hosting server in the root directory of your website (http://YourWebsite.com/favicon.ico). This can be done via the File Manager of your hosting company of with an FTP program.

Extra note: if you REALLY want to be thorough and ensure that your favicon will be displayed on older browsers, here is some advice straight from WordPres.org:

In order for your favicon to show up in some older browsers, you will need to edit your page header.

  1. Go to your WordPress Administration Panel.
  2. Click on Design (called Presentation in WordPress 2.3.x and below, and Appearance in WordPress 2.7+).
  3. Click on Theme Editor.
  4. Select the file called Header or header.php to edit the file.
  5. Search for the line of code that begins with <link rel="shortcut icon" and ends with /favicon.ico" />. Overwrite it, if it exists, or add the following code below the <head>HTML tag.
    <link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory');聽?>/favicon.ico" />
  6. Save the changes.

To see your new favicon, clear your browser鈥檚 cache. You may need to restart your browser in order to see the new favicon.

Written by Paul · Categorized: General · Tagged: Favicon

Reader Interactions

Comments

  1. Roger Loh says

    August 13, 2011 at 7:22 pm

    Awesome sharing, my friend! Paul, you’re a geek plus a good teacher, a rare find… it finally helped me learn how to do a favicon which is a missing piece of my knowledge. Thanks and keep sharing 馃檪

    Reply
    • Paul says

      August 13, 2011 at 8:41 pm

      Thank you for the compliment, Roger! That means a lot coming from you.

      Now, if we can get you an gravatar… Did you read how to do that? Check out: https://digitalmaestro.com/gravatars-and-wordpress/

      Reply
  2. Michelle says

    August 15, 2012 at 6:00 pm

    I wish I was taking this course when I first started my blog because this post would of saved me a lot of time!

    Reply
    • Paul says

      August 17, 2012 at 8:33 am

      It is never to late to learn! I was actually teaching at NAMS when I learned something new!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

UpCity: Best of New Jersey

UpCity Best of New Jersey

Proud Member

Recent Posts

  • What Your Landscaping Business Might Be Missing Online (And How to Fix It)
  • How Smart HVAC Companies Stay Fully Booked Year-Round
  • Pipe Dreams and Page Views
  • How Roofers Can Grow Their Business with a Strong Online Presence
  • Why Digital Marketing for Lawn Care Businesses Is No Longer Optional

WordPress Topics

  • Affiliate Marketing
  • Blogging Category
  • Business Building
  • Coaching Category
  • General
  • List Building
  • Marketing
  • Plugins
  • Resources
  • SEO
  • Services
  • Social Media
  • Themes
  • Traffic
  • Uncategorized
  • Video Subscription
  • Webinar
  • WordPress Online Strategy

Missinglettr

Copyright © 2025 路 Digital Maestro 路 Disclaimer 路 Privacy Policy 路 Terms of Service 路 Accessibility 路 Stay Awesome!