Follow for free plugins, new theme releases and theme news
Plugin Description
Site Icon Pro gives you full control over the exact icons and HTML used to display the favicon and app icons on your WordPress site! By default the Site Icon functionality
autogenerates and uses the same icon for each platform. Different platforms have different recommend styles, so if you want greater control over which Site Icon is used on each, this is the plugin for you!
Site Icon Pro allows you to specify the exact HTML meta and link tags that are used to display site icons so you get complete control. If you want an icon with a transparent background in browsers, but a white background on iOS, you can do it with this! Unlike editing a theme directly, your changes won’t be lost if you upgrade or switch themes.
Note that this is a plugin for advanced users, if you aren’t comfortable editing HTML please stick to the built in Site Icon functionality (in WordPress 4.3+).
Icon Formats
Although there are various automated tools that will resize an image to every favion resolution, for full control you should generate each icon seperately. Each platform has different guidelines for how favicons should look and how they behave. Additionality automated tools will resize your images rather poorly – you will be able to generate much better quality favicons by resizing them yourself from a vector image.
We recommend you include the following icons at the very least:
- ICO – 16x16px low resolution icon on a transparent background (some tools let you combine multiple resolutions in a single file, in that case also add a 32x32px version)
- PNG – 32x32px retina icon on a transparent background
The plugin includes further documentation on icon formats and sizes, including those for:
- Apple iOS (iPad and iPhone)
- Android
- Windows Metro Tiles (Windows 8.1+ and Windows Phone 8.1+)
Contributing
If you would like to contribute to this plugin, please visit our GitHub repository.
Screenshots
The settings page. You can specify the exact HTML used to display your Site Icons.
How your icon will look in Google Chrome on OS X (non-retina).
How your icon will look on Internet Explorer 8 on Windows XP.
How your icon will look on iOS 8 (retina).
