Skip to main content

Is there any use of favicon.ico for mobile websites?



Is there any use of favicon.ico for mobile websites? will it be shown in browser address bar and tabs in mobile websites





We use apple icons <link rel="apple-touch-icon" href="/apple-touch-icon.png"/> in mobile websites. what about Android, Blackberry and Windows 7 phone? Is favicon.ico useful for other mobile phones other then iOS mobiles



Source: Tips4all

Comments

  1. I add favico to all mobile sites for 3 reasons

    1- It doesn't hurt

    2- Looks good when browsing via PC :)

    3- Some browsers look for it, so why would you return 404 and possibly use more bandwidth instead of sending a tiny favico

    ReplyDelete
  2. I can see tiny favicon in the browser address bar on my Android phone. I'm not sure how useful it is :) but it is there..

    UPDATE

    As far as I can see favicon is not displayed if I add a bookmark on the homescreen (at least not in HTC Sense)

    And bookmarks in the browser itself are just tiny page screenshots, so favicons not used there as well.

    Don't think they are useful at all on an Android device.

    ReplyDelete
  3. Since the accepted answer does not help in anything, here is my study about icons:

    Considering the tag: <link rel="apple-touch-icon" href="IMAGE-NAME" />

    Considering the sizes:

    57x57px default size

    72x72px iPad size

    114x114px Retina / Opera

    Images:

    'apple-touch-icon.png' - at iOS, in this image will applied the 'Gloss' effect. On other OS'es, nothing happens.

    'apple-touch-icon-precomposed.png' - This image will not receive any effect

    Here is the following tests on OS':

    BlackBerry v6.0 or higher - Only works 'apple-touch-icon'

    BlackBerry v5.9 or lower - Not supported

    Android 2.2 or higher - Works both versions

    Android 2.1 or lower - Only works 'apple-touch-icon-precomposed'

    iOS 4.1 or lower - Works both versions

    iOS 4.2 or higher - Works both versions and accept size attributes (and so, sizes different from 57x57px)

    Nokia's (probably S60 5th FP1 and higher, not fully confirmed) - Some accept 'apple-touch-icon'

    OperaMini (SpeedDial Shortcut) - Works both versions BUT must have at LEAST 114x114px (speed dial normally is 200x200px if i'm not mistaken.

    ReplyDelete
  4. if you add a book mark to your home screen it will use the favicon as the launcher icon.

    ReplyDelete

Post a Comment

Popular posts from this blog

[韓日関係] 首相含む大幅な内閣改造の可能性…早ければ来月10日ごろ=韓国

div not scrolling properly with slimScroll plugin

I am using the slimScroll plugin for jQuery by Piotr Rochala Which is a great plugin for nice scrollbars on most browsers but I am stuck because I am using it for a chat box and whenever the user appends new text to the boxit does scroll using the .scrollTop() method however the plugin's scrollbar doesnt scroll with it and when the user wants to look though the chat history it will start scrolling from near the top. I have made a quick demo of my situation http://jsfiddle.net/DY9CT/2/ Does anyone know how to solve this problem?

Why does this javascript based printing cause Safari to refresh the page?

The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex