Giorgos Sarigiannidis

<p>WordPress includes a handy way to add a favicon on your site through its Site Customizer. This icon will be used as a favicon on desktop browsers, but on mobile devices as well, when users create a shortcut on their homescreen. What happens, though, if you want to have different icons on different occasions, either because, for example, iOS doesn’t support transparency or simply because you want to have a more detailed icon on mobile devices? This plugin extends the WordPress’ native functionality and allows you to upload different images for mobile (Android), iOS and Windows. Omitting an image will fallback to the default Site Icon.</p>
<h4>Features</h4>
<ul>
<li>Extend the native WordPress Site Icon functionality to use different icons for Android, iOS and Windows.</li>
</ul>


Favicon Extender

Extend the native WordPress Site Icon functionality to use different icons for Android, iOS and Windows.

doc4

<p>Now includes favicons for Android devices. Completely re-written in version 4.2 Multicons is a multi-favicon code generator which automatically inserts the necessary meta tags for both favicons (site-wide and/or dashboard) and Apple Touch / iPhone icons. Please note that it will be necessary to update your icon link locations.</p>
<p>Not sure what a favicon is? “A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface  typically show a page’s favicon next to the page’s title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website.” – Wikipedia</p>
<p>Favicons have a subtle, if small, role in building the branding of a website. When a user takes notice of a favicon it can often be a good indication they have come to the right place serving as visual representation of a website not only in the browser address bar but also when sifting through bookmarks. It is no secret that our eyes gravitate towards images before text and not just on the web but iPhones and iPads as well.</p>
<h4>The meta data output by Multicons:</h4>
<h4>Website Favicon:</h4>
<ul>
<li>Location: Website [and Dashboard if no Dashboard Favicon is specified]</li>
<li>Meta tags generated:</li>
</ul>
<p>link rel=”shortcut icon” href=”http://www.yoursite.com/favicon.ico”<br />
link rel=”icon” type=”image/png” href=”http://www.yoursite.com/favicon.ico” /</p>
<h4>Dashboard Favicon:</h4>
<ul>
<li>Location: Dashboard Only</li>
<li>Meta tag generated:</li>
</ul>
<p>link rel=”shortcut icon” href=”http://www.yoursite.com/wp-content/favicon.ico”</p>
<h4>Apple Touch Original / iPhone Icon</h4>
<ul>
<li>Location: Website Only</li>
<li>iDevice Effects Added such as Gloss and Rounded Corners</li>
<li>Meta tag generated:</li>
</ul>
<p>link rel=”apple-touch-icon” href=”http://www.yoursite.com/apple-touch-icon.png”</p>
<h4>Apple Touch Precomposed / iPhone Icon</h4>
<ul>
<li>Location: Website Only</li>
<li>No iDevice Effects Added</li>
<li>Meta tag generated:</li>
</ul>
<p>link rel=”apple-touch-icon” href=”http://www.yoursite.com/apple-touch-icon.png”</p>
<h4>Android High Resolution Icon</h4>
<ul>
<li>Location: Website Only</li>
<li>Meta tag generated:</li>
</ul>
<p>link rel=”icon” href=”http://www.yoursite.com/icon-hires.png”</p>
<h4>Android Regular Icon</h4>
<ul>
<li>Location: Website Only</li>
<li>Meta tag generated:</li>
</ul>
<p>link rel=”icon” href=”http://www.yoursite.com/icon-reg.png”</p>
<p>If no image links are provided then no code is output thus, leaving a settings field blank will not bloat the site down with empty meta tags. If an Admin image is not provided this option will default to the Site-Wide Favicon.</p>
<p>This plugin includes sample files to assist in building the required images. We have included templates for the following: App Touch icons, Regular Favicons, and Android Favicons. These sample images are pre-sized and ready for a creative mind. Open these files in a graphics editor of your choice, make the necessary changes, save them in their appropriate file format and upload them.</p>
<h4>Plugin URL</h4>
<p><a href="https://doc4design.com/multicons/" rel="nofollow ugc">Multicons</a></p>
<h4>Screenshots</h4>
<p><a href="https://doc4design.com/multicons/" rel="nofollow ugc">View Screenshots</a></p>


Multicons

Multicons is a multi-favicon code generator which automatically inserts the necessary meta tags for favicons.

Favicon Extender vs Multicons