Favicon Favicon is a small icon that appears in the browser address bar before the website address, when I write a little, I mean 16px x 16px pixels. All you need to add these icons to your site is just a set of icon (.ico) that is specifically called favicon.ico, this is placed in the root directory of the site.

Download the Plugin

Telegraphics – We need a plugin that will allow us to export files Windows icons (.ico) from within Photoshop. Plugin download from Telegraphics. Unzip the file and the file ICOFormat.8bi place in the directory C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats. Restart Photoshop.

Start now create

Because 16px x 16px is a very small area of any formation, it would be better to set the project area to 64px x 64px. If you already have a logo or brand DONE, drop it from 64 px x 64 px desktop 16px x 16px (object reduce Ctrl + T ), make sure it’s okay if you want to edit is even something like go back to the 64 x 64 and try to modify the logo in the color palette page. If you are unable to endure at this size it will require a few attempts . Repeat the process until it fails.

Save

File – Save As, make sure that you have an icon named favicon.ico. From the drop-down bar, select the format to save the file – Windows Icon ( ICO ). This format is available only if you install this plugin. The next step upload this file to the root of your site, you also save it to a valid structure on the hard disk.

Links:

IconBuffet | Free Icons, Stock Icons, Custom Icon Design
iconaholic.com | icons, icons & more icons!
Favicon – How To Create A Favicon.ico

David

Graphic and website designer, currently, I attend to the maintenance of about thirty sites for existing clients as well as creating websites for the new ones. In my free time, I get into the secrets of the world of Linux, SSH, WP-CLI and I’m preparing this blog.

More:

Publishing systems – PrestaShop 1.2 PrestaShop is an open-source (an open source code), e-commerce. It is offered free of charge and is a quick and simple solution to virtually any e-sh...
10+ Fresh Free WordPress Themes from 2017 Let's take a look at the selection of the best WordPress themes for your next project. These themes are highly customizable so you can adapt them to y...
50 Groovy Contact Us Pages with Fabulous Designs The Contact Us pages has always been a headache for good designers. While a sloppy designer can design one in a matter of minutes, getting the page ri...
Anatomy of A Perfect Website Template Lisa from Template.net send us nice Infographic: Anatomy of A Perfect Website Template. With fluidic grids, media queries and flexible images we can e...
7 Incredible Mobile App Frameworks For Agile Devel... With the proliferation of diversified mobile devices featuring distinct platforms, screen sizes, etc., creating an efficient mobile app for all the pl...

Newsletter

Join our mailing list to receive the latest news and updates.

You have Successfully Subscribed!

Pin It on Pinterest