If you created the favicon for your own site, you’re ready to upload the file to the root level of your website, where your index page lives. Now that your icon is ready, choose File > Save As, and pick Windows Icon (ICO) from the Format pop-up menu at the bottom of the dialog box then click Save.Īnd that is your favicon completed.If your design looks a bit blurry, use the Unsharp Mask filter.Make sure the Constrain Proportions checkbox at the bottom of the dialog box is turned on then set the Width or Height field to 16 pixels (Photoshop automatically changes the other field to 16). Once you have your design ready, choose Image > Image Size.For my icon, I’m using a purple paw print, with one part of the paw highlighted in pink.If you’re using text in your favicon, make sure to turn off anti-aliasing so that the edges are nice and crisp. Create or place your artwork in the new document.We’ll downsize after we create the graphic. Choose File > New and create a new document with a resolution of 72 ppi and dimensions of 64 by 64 pixels.
You can download a free plugin called ICO Format from The instructions for installation are included with the free download. Download the plugin for Photoshop that allows you to save the file in the Windows Icon (ICO) file format.Just open up Photoshop and use the Save As option to save your file as an. After you place the plugin in the correct folder, restart your computer and see if Photoshop will allow you to save images as. Some icons work better than others at this small size, and simplicity is the key. If you are a Mac user, put the plugin in Applications\Photoshop\Plug-Ins\File Formats. Have a look around the Web and see what other sites are using. Favicons really are tiny icons their dimensions are 16 pixels by 16 pixels-not an awful lot of space to work with. They show up in your web browser, but also in news feeds, so it’s important that you include one with your site. Thanks to this ability, users can create icons directly in Adobe Photoshop, using its powerful arsenal of creative tools and stylistic options. Favicons (short for favorites icons) are those tiny little icons left of your web browser’s address bar, and are a part of your overall site branding. A slim plug-in lets users create compelling icons directly in Adobe Photoshop Icon Plugin for Photoshop enhances Adobe Photoshop with an ability to export and import Windows icons (.ico).