Archived

This topic is now archived and is closed to further replies.

Mystery

Favicons Support!

Recommended Posts

favicons.thumb.png.0b099c14340994ef95905

Midgard Community is introducing brand new support for Favicons across multiple platforms (favicons support). When browsing around our forums, you can notice it is mobile responsive. Yet, our Favicon wasn’t and wasn’t suitable across all platforms.

Instead of having a single favicon.ico file, we have all the pictures and HTML code needed for a cool, mobile- and tablet-ready favicon. Our favicon is now perfect for all platforms:

  • PC and Mac, as usual
  • iPhone and iPad
  • Android phones and tablets
  • Windows 8 tablets
  • And more…

 

Here is what our icon looks on platforms:

Screen_Shot_2015-05-24_at_12.58.19_PM.thScreen_Shot_2015-05-24_at_12.58.25_PM.thScreen_Shot_2015-05-24_at_12.58.31_PM.thScreen_Shot_2015-05-24_at_1.10.08_PM.thu  

 List of Favicon files for platforms being used:

favicon.ico

  • Used by IE, and also by some other browsers if we are not careful.

favicon-16x16.png

  • The classic favicon, displayed in the tabs.

favicon-32x32.png

  • For Safari on Mac OS.

favicon-96x96.png

android-chrome-36x36.png

android-chrome-48x48.png

android-chrome-72x72.png

android-chrome-96x96.png

android-chrome-144x144.png

android-chrome-192x192.png

mstile-70x70.png

mstile-144x144.png

mstile-150x150.png

mstile-310x310.png

mstile-310x150.png

apple-touch-icon-57x57.png

  • iPhone and iPad users can turn web pages into icons on their home screen. Such link appears as a regular iOS native application. When this happens, the device looks for a specific picture. The 57×57 resolution is convenient for non-retina iPhone with iOS6 or prior. Learn more in Apple docs.

apple-touch-icon-60x60.png

  • Same as apple-touch-icon-57x57.png, for non-retina iPhone with iOS7.

apple-touch-icon-72x72.png

  • Same as apple-touch-icon-57x57.png, for non-retina iPad with iOS6 or prior.

apple-touch-icon-76x76.png

  • Same as apple-touch-icon-57x57.png, for non-retina iPad with iOS7.

apple-touch-icon-114x114.png

  • Same as apple-touch-icon-57x57.png, for retina iPhone with iOS6 or prior.

apple-touch-icon-120x120.png

  • Same as apple-touch-icon-57x57.png, for retina iPhone with iOS7.

apple-touch-icon-144x144.png

  • Same as apple-touch-icon-57x57.png, for retina iPad with iOS6 or prior.

apple-touch-icon-152x152.png

  • Same as apple-touch-icon-57x57.png, for retina iPad with iOS7.

apple-touch-icon-180x180.png

apple-touch-icon.png

  • Same as apple-touch-icon-57x57.png, for “default” requests, as some devices may look for this specific file. This picture may save some 404 errors in your HTTP logs. See Apple docs

apple-touch-icon-precomposed.png

  • Same as apple-touch-icon.png, expect that is already have rounded corners (but neither drop shadow nor gloss effect).

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.