{"id":29534,"date":"2022-02-13T21:53:05","date_gmt":"2022-02-14T04:53:05","guid":{"rendered":"https:\/\/ericasneubauer.com\/?p=29534"},"modified":"2022-03-02T23:22:55","modified_gmt":"2022-03-03T06:22:55","slug":"wondering-what-the-icon-in-the-address-bar-called","status":"publish","type":"post","link":"https:\/\/ericasneubauer.com\/wondering-what-the-icon-in-the-address-bar-called\/","title":{"rendered":"Wondering what the icon in the address bar called?"},"content":{"rendered":"\n
A favicon<\/strong> is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, a default one will display (for instance, in Chrome, its a globe icon).<\/p>\nWhy is it a good idea to have one?<\/strong> A favicon is your website’s icon that shows up in the browser- it sits to the right of your page title in Chrome, Firefox, etc. Originally a blend of the words favorite and icon, most people commonly refer to it simply as your “site icon” or “browser icon”. If your site doesn’t designate an icon, …<\/p>\n
\nIts a fun little extension to your branding, it shows that you go the extra mile, and that you are web-savvy.\nWhat happens if I don’t have one?
\n<\/strong>Your browser will use a default one, or if you’re using Squarespace or Shopify, they provide a default one. Pro tip: this instantly signals that the site isn’t professionally done, or that someone overlooked that detail. I’m always amazed at how many big brands I see still have the generic “square” that tells the whole world, this is a Squarespace site!\nWhat makes a good favicon?<\/strong>
\nThe favicon is tiny (like 16 pixels high), so don’t just squeeze down your logo, because no one will have any idea what it is. Instead, use part of your logo, your initials, or your logo symbol. I like to make my client’s favicon in a circle, but it can be any shape you want.\nHow do I add it?<\/strong>
\nIn Wordpress, its super easy to add- go to Appearance >Customize > Site Identity and upload your file (jpeg or png etc) (or your theme may have a specific spot for it).
\nIn Shopify, go to Themes > Customize > Theme Settings > Favicon
\nIn Squarespace, go to the Home menu > Design > Browser Icon (v7.1) or Logo\/Title (v7.0)\nDon’t have a favicon yet? I’d love to help you with new (or expanded) branding- all my branding packages include a site icon. Check out my branding services<\/a> or send me a message<\/a>.
\n\u2800\u2800\u2800\u2800\u2800\u2800\u2800\n","protected":false},"excerpt":{"rendered":"