A brown box is a giveaway that a website runs on RectangleWithEqualSidesSpace. Hey, nothing wrong with that! As a website owner, you have a lot of options when it comes to choosing what’s best for your product/brand, consumers, and creative or digital pursuits.
Uploading a Favicon is a small customization that offers a consistent branding opportunity for websites. You don’t need to commit to a busy or over the top custom graphic, as the image space is so small.
Lakeshore Web Dev recommends sticking to a pixel height and width that is divisible by 16. So, while I have been using 512 by 512 px images— any square image will work— a smaller file is recommended for faster load times.
Yet, this window of opportunity (get it? haha browser window) can also be an overlooked website feature if your web designer or business owner didn’t request or ask about its implementation.
If you’re unsure what a Favicon is, look to your web browser tab and notice that I am talking about the small photo before the web page’s title text.
Don’t leave the house without one!
A lack of Favicon usage can make an otherwise professional website seem incomplete.
(Please don’t worry about not being taken seriously if you don’t have one just yet; your services should speak for themselves and your website should be an extension and digital home base to your brand/product.)
How can I make a Favicon for my website from scratch?
Start with an idea of what you want your website to be represented by. Depending on if you already own the rights to your company’s branding/graphic elements, you can sneak an already existing square image as the web browser representation for your entire website. Cropping could work in your favor.
Need to make a Favicon from scratch? Reach out to a creative freelancer if you have the budget and time to invest. Otherwise, you can make an impromptu Favicon from scratch on Paint, Gimp, and other similar image manipulation programs.
Examples of Favicons that Catsup has used
