Quick Favicon

May 05, 2015

Quick Favicon Plugin

Quick Favicon makes it easy to set up icons for your WordPress site. Favicons! iOS Icons! Android Icons! Windows 8.x Tiles! And more!

What Quick Favicon Can Do

Quick Favicon allows you to easily upload and set Favicons, iOS / Apple Touch Icons, Android / Chrome Icons, and Windows 8 Tiles for your WordPress site.

It displays live previews of each size icon while you’re making adjustments!

Front-end and back-end Browser Favicons can be set differently.

Broswer Favicons

  • Google TV Favicon
    • 96 x 96 pixels
  • Safari Favicon on Mac OS
    • 32 x 32 pixels
  • Standard Favicon
    • 16 x 16 pixels

iOS / Apple Touch Icons

  • iPhone 6 Plus with iOS8
    • 180 x 180 pixels
  • Retina iPad with iOS7
    • 152 x 152 pixels
  • Retina iPad with iOS6 or prior
    • 144 x 144 pixels
  • Retina iPhone with iOS7
    • 120 x 120 pixels
  • Retina iPhone with iOS6 or prior
    • 114 x 114 pixels
  • Non-retina iPad with iOS7
    • 76 x 76 pixels
  • Non-retina iPad with iOS6 or prior
    • 72 x 72 pixels
  • Non-retina iPhone with iOS7
    • 60 x 60 pixels
  • Non-retina iPhone with iOS6 or prior
    • 57 x 57 pixels

Android / Chrome Icons

  • Chrome M39+ with 4.0 screen density
    • 192 x 192 pixels
  • Chrome M39+ with 3.0 screen density
    • 144 x 144 pixels
  • Chrome M39+ with 2.0 screen density
    • 96 x 96 pixels
  • Chrome M39+ with 1.5 screen density
    • 72 x 72 pixels
  • Chrome M39+ with 1.0 screen density
    • 48 x 48 pixels
  • Chrome M39+ with 0.75 screen density
    • 36 x 36 pixels

Windows 8 / 8.1 Tiles

  • Windows 8 / IE11 Large Tile
    • 310 x 310 pixels
  • Windows 8 / IE11 Wide Tile
    • 310 x 150 pixels
  • Windows 8 / IE11 Medium Tile
    • 150 x 150 pixels
  • Windows 8 / IE10
    • 144 x 144 pixels
  • Windows 8 / IE11 Small Tile
    • 70 x 70 pixels

Installation

Install from your Dashboard

  1. Go to Plugins > Add New
  2. Search for Quick Favicon
  3. Locate Quick Favicon by PlugInspired in the list
  4. Click Install
  5. If the installation is successful, click the activate plugin link

Install from FTP Upload

  1. Download Quick Favicon from the WordPress Plugin Repository
  2. Extract the ZIP archive somewhere on your computer that you can find easily
  3. Upload the extracted quick-favicon directory to your site’s /wp-content/plugins/ directory
  4. Activate the plugin on the ‘Plugins’ page in your WordPress Dashboard

Using Quick Favicon

After installing Quick Favicon, you can access your Icon Settings two ways.

  1. By clicking Icon Settings on the Plugins page in your Dashboard
  2. By clicking Icons on the Appearance menu in your Dashboard

Screenshots

  1. Make your mark in the world of browser tabs! Both the front-end (public) and back-end (dashboard) of your site may have a different Favicon, if you wish. Three icon sizes are generated from the given image to cover Google TV (96 x 96), Safari on Mac OS (32 x 32), and standard Favicon (16 x 16).

    Make your mark in the world of browser tabs! Both the front-end (public) and back-end (dashboard) of your site may have a different Favicon, if you wish. Three icon sizes are generated from the given image to cover Google TV (96 x 96), Safari on Mac OS (32 x 32), and standard Favicon (16 x 16).

  2. Jazz-up your site with gorgeous icons on iOS devices (apple touch icons). Support every generation of iOS device with a single upload and never get missed! Nine icon sizes are generated from the given image to cover Non-retina iPhone with iOS6 or prior (57 x 57), Non-retina iPhone with iOS7 (60 x 60), Non-retina iPad with iOS6 or prior (72 x 72), Non-retina iPad with iOS7 (76 x 76), Retina iPhone with iOS6 or prior (114 x 114), Retina iPhone with iOS7 (120 x 120), Retina iPad with iOS6 or prior (144 x 144), Retina iPad with iOS7 (152 x 152) and iPhone 6 Plus with iOS8 (180 x 180).

    Jazz-up your site with gorgeous icons on iOS devices (apple touch icons). Support every generation of iOS device with a single upload and never get missed! Nine icon sizes are generated from the given image to cover Non-retina iPhone with iOS6 or prior (57 x 57), Non-retina iPhone with iOS7 (60 x 60), Non-retina iPad with iOS6 or prior (72 x 72), Non-retina iPad with iOS7 (76 x 76), Retina iPhone with iOS6 or prior (114 x 114), Retina iPhone with iOS7 (120 x 120), Retina iPad with iOS6 or prior (144 x 144), Retina iPad with iOS7 (152 x 152) and iPhone 6 Plus with iOS8 (180 x 180).

  3. Setting up icons for Android Chrome devices could just be that extra exposure you've been looking for. More and more people are moving to the Android market. Why miss out? Six icon sizes are generated from the given image to cover Chrome M39+ with 0.75 screen density (36 x 36), Chrome M39+ with 1.0 screen density (48 x 48), Chrome M39+ with 1.5 screen density (72 x 72), Chrome M39+ with 2.0 screen density (96 x 96), Chrome M39+ with 3.0 screen density (144 x 144) and Chrome M39+ with 4.0 screen density (192 x 192).

    Setting up icons for Android Chrome devices could just be that extra exposure you've been looking for. More and more people are moving to the Android market. Why miss out? Six icon sizes are generated from the given image to cover Chrome M39+ with 0.75 screen density (36 x 36), Chrome M39+ with 1.0 screen density (48 x 48), Chrome M39+ with 1.5 screen density (72 x 72), Chrome M39+ with 2.0 screen density (96 x 96), Chrome M39+ with 3.0 screen density (144 x 144) and Chrome M39+ with 4.0 screen density (192 x 192).

  4. Windows 8.x Tiles are groovy, baby! You'll look like a pro when your site looks like a native Windows 8 app. Choose from a recommended tile color or choose your own. The sky is the limit. Five tile icon sizes are generated from the given image to cover Windows 8 / IE11 (70 x 70, 150 x 150, 310 x 150 and 310 x 310) and Windows 8 / IE10 (144 x 144).

    Windows 8.x Tiles are groovy, baby! You'll look like a pro when your site looks like a native Windows 8 app. Choose from a recommended tile color or choose your own. The sky is the limit. Five tile icon sizes are generated from the given image to cover Windows 8 / IE11 (70 x 70, 150 x 150, 310 x 150 and 310 x 310) and Windows 8 / IE10 (144 x 144).

FAQ

I’ve installed Quick Favicon. Where are my settings?

After installing Quick Favicon, you can access your Icon Settings two ways.

  1. By clicking Icon Settings on the Plugins page in your Dashboard
  2. By clicking Icons on the Appearance menu in your Dashboard

Can a different icon be used for both the front and back-end of a site?

Yes. You can set a separate icon OR set the same icon for both areas.

The sizes listed on the Windows tab are not the actual sizes that Microsoft recommends!

True. Those sizes are basically the minimum-margins. If you look at the images themselves after they are generated, they do match Microsoft’s recommended sizes. The reason for this is that they want to ensure smooth graphic quality on systems with large displays. Down-scaling is the only way to keep clean images.

Changelog

0.22.7

  • Added a link to the plugin settings on the plugin actions section
  • Added a link to the donate page on the plugin actions section

0.22.6

  • Fixed an issue with the notices and added a plugin rating link

0.22.5

  • Fixed the issue with saving settings on the Windows section

0.22.4

  • Fixed the issue with saving settings on the iOS and Android sections

0.22.3

  • Added support for Android device icons
  • Added support for Windows 8.x static tiles

Details

  • Version: 0.22.8
  • Active installations: 1,000
  • WordPress Version: 3.0.1
  • Tested up to: 4.2.38

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars