Insert 16 pixels in height and width then press OK button. Thus, in Photoshop, this can be achieved using the ‘image size’ selection under ‘Image’ menu at the very top. If you would like lower your existing image dimension to use the image as a favicon, go to the Image -> Image Size. This is due to the standard size of the favicon is at 16×16 pixels. Step 3Īfter you have created the ideal image, change the sizes of your graphic to firmly 16 pixels by 16 pixels. Since Favicon is very tiny, it is necessary to maintain the graphic as simple as possible. You can also make use of graphic along with text or your logo. Wait a bit and just keep on it simple yet fascinating. Don’t forget that the dimension of this favicon is just too small to contain all of the information you intend to the role in the image. I personally advise you to design a customized square shape image. When it comes to information on your design, you can either build a straightforward image or use your typography talent in planning your preferred favicon. Make certain shades of color you use on your favicon are similar pair of colors you employ in your website. Now, in order to begin creating your personal favicon, set your background color along with width, height and resolution. To get going, simply open Photoshop and set your picture size right into the best square out of any even number, for example, 60×60 pixels, as working with a 16×16-pixel picture would be challenging. They show up in your browser, but additionally in feed, so it’s essential that you include one with your websites. A proficiently created website has to contain a tailor made favicon since it vital for website branding.įavicon is the tiny little icon left on your web browser’s address bar, and therefore, is an element of your overall website branding. Favicon is often neglected by website designers, but it is equally important in website design.