• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
brandiD

brandiD

Making the Web More Personal

  • About
    • About brandiD
    • Meet The Team
  • Work With Us
    • Personal Brand Platform
    • Business Brand Platform
    • Personal Branding for Women
    • Authority Building
    • Membership & Course Platform
    • Website Design & Development
  • Our Work
    • Brands and Logos
    • Testimonials
  • Blog
    • Resources
  • Podcast
  • Contact

Everything You Need to Know About Favicons

What is a Favicon and Why Do I Need One?

Favicons or Favorite Icons are small, square icons that are used to identify a website in a tab or a favorites list. They are unique to each website and can look like just about anything. They are usually a small version of a company logo or another icon that matches the company or personal branding. Using a custom favicon is a simple touch that makes your website more personal and instantly recognizable from a list of other websites. It’s one of the small things that sets a professional, custom website apart from a template.

The brandiD Favicon

Examples of Favicons

Screen-shot-2013-10-17-at-9.17.32-AM

Design Your Icon

Create a Photoshop or Illustrator project with a width and height of 16px each, or crop a favorite image to 16px x 16px.

It can be difficult to make your art fit into such a small space, so I recommend using as simplified of a logo as you can manage. Blocks of color, single letters, or simple shapes tend to work the best, like the Target icon above. Complicated logos or icons, like the Starbucks logos, are not as good because they reduce in size poorly.

Save and Convert Your Icon

Once your design is complete, save your icon as a .png file.
Use this website http://www.convertico.com/ to convert your .png file to a .ico file.

Now that I have a favicon, how do I get it on my website?

Option #1 – Replace the existing image.
The easiest way to display your favicon is often to replace the existing favicon image with the new one. If you’re unsure where to find this image, your hosting provider can likely tell you how to access it from your control panel or FTP client.

If you’re using a WordPress and a Genesis theme, the favicon will go in the CHILD THEME directory in the images folder. Example: http://mydomain.com/wp-content/themes/mythemename/images/favicon.ico

If you’re using WordPress without a Genesis theme, the icon will likely be in the theme folder.

Note: even if you have properly replaced the image, it may not show up in your website browser for a few days. Favicons cache at a different rate than website content.

Option #2 – Adding code to your header.
If your theme does not have an existing favicon to replace, you can add this meta tag to the header of your website. Replace the url in quotes with your favicon’s url.

Additional Resources

https://codex.wordpress.org/Creating_a_Favicon – WordPress Official Documentation

Filed Under: General, StudioPress / Genesis, Website Design

Reader Interactions

Leave a Reply Cancel reply

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

Primary Sidebar

  • Interested in

    insights and tips
    to build your brand and business?

  • This field is for validation purposes and should be left unchanged.

Ready to uncover

Your Personal Brand?

Buy the book, "Build Your Brand: The Distinctive Guide to Soul-Based Marketing".

Buy Now

What’s your

brand persona?

Take the free Personal Branding Quiz and uncover what makes YOUR brand memorable.

Take the quiz

In the

Media

Listen to brandiD founder Rachel Gogos on EOFire.com

Listen Now

Build a business that

gets noticed online

Download the free SOULiD Framework guide to Personal Branding and start building your brand today.

Grab the guide

Award: Top Blog 2020

We’re excited to help you achieve your next level of success.
Contact us
today and together we’ll make the
magic happen.

Footer

724.260.0026 — info@thebrandid.com
Privacy Policy | Terms of Service | Client Login
  • Email
  • Facebook
  • LinkedIn

Copyright © 2022 | Made with | All Rights Reserved.

Get the Editorial Content Calendar

Our editorial calendar serves as a system for scheduling, planning, and outlining the content you want to share across your connection platforms over a given length of time.

  • Enter your information below to get the link sent directly to your email!

  • If your business, organization, or project already has a domain or website, please share the URLs here or put "none" if you don't yet have a domain.
  • Tell us as much as possible about your challenges, goals, and what we can help you with (Personal Branding, Logo Design, Web Design and Development, Copywriting, Online Authority Building, etc).
  • If your budget is under $5,000, check out do-it-yourself options in the the brandiD Themes
  • Please provide best number to reach you at.
  • This field is for validation purposes and should be left unchanged.