# [feature-request] Website favourite icon from 'shortcut icon'

Why is there a part of screenshot in webbrowsers favourites instead of the picture from shortcut icon specified in web page?

<link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />


At least it would be a nice option to have this icon for link on app grid!

edit retag close delete

First you should explain more clearly what you are talking about, I had to read twice to understand it is about the browser.

Then, what you expect actually works on many websites (facebook, wordreference or even jolla.com)

( 2017-04-21 11:34:43 +0300 )edit

I tried with facebook and you are right. But it does not work on other sites like Goolge or also Microsoft. Both sites have an Icon when opening them in browser on laptop.

Maybe someone can tell me which line in html is needed to get icon?

( 2017-04-21 15:06:59 +0300 )edit

@Sthocs: Edited post, so it should be clear what I mean now.

( 2017-04-21 15:10:36 +0300 )edit

Well, corrected... but is it clear...?

( 2017-04-21 15:55:41 +0300 )edit

where is that line of code from?, how do I access it? @SaimenSays

( 2017-04-22 01:35:02 +0300 )edit

Sort by » oldest newest most voted

Something like that seems to be already happening.

Recently, I factory-resetted my device and did not restore the bookmarks from the backup. Before the reset, most bookmarks have been like a "part of a screenshot" exactly as you describe it, and all of those bookmarks were created with a pre-SFOS 1.9 browser.

But when I manually re-bookmarked most of these sites after the factory-reset running SFOS 2.1, many icons looked much different, usually they were the logos of the sites bookmarked.

So I guess a mechanism like the one you propose is already implemented. It may not make use of the <link rel="shortcut icon"> markup as you proposed, but instead it seems to use <link rel="icon">

Edit: @SaimenSays identified the tag used to create the bookmark icon as <link rel="apple-touch-icon" href="...">.

more

I have some bookmarks with icons and some with screenshots. (J-C) I just renamed my bookmarks file, started the browser (now 2.0.1.11) and bookmarked this page
http://www.metoffice.gov.uk/mobile/forecast/gcpw9j5ec
It gave a screenshot icon, as it had before. That site does have a bookmark icon in Firefox on Android.

So I guess the sites that changed to icons now specify their favicons differently to when you originally bookmarked them.

( 2017-04-22 09:55:56 +0300 )edit

Tried it with webpage on my local server and <link rel="icon">, but still getting the screenshot.

( 2017-04-22 12:22:55 +0300 )edit

@SaimenSays One site where the bookmark icon is not a screenshot is https://www.heise.de/newsticker/. Perhaps you can find out what is used. I suspect some favicon/apple-icon/whatever magic is at work here.

( 2017-04-22 12:28:40 +0300 )edit

Done some inspections and Sailfish accepts <link rel="apple-touch-icon" href="icon.png"> as Icon. Websites specifing this, get a correct icon on favourites page. So my idea to use rel="icon" can be implemented as an alternativ...

( 2017-04-22 14:41:02 +0300 )edit

https://www.theguardian.com does generate an icon and has two different meta tags, including the apple-touch one (which I've never seen before)

http://www.metoffice.gov.uk/public/weather/forecast/ which I mentioned earlier has no meta tags but has an icon at root level http://www.metoffice.gov.uk/favicon.ico - which is the oldest method, dating from the 1990's. Jolla should support that - many sites still use it.

http://www.ybw.com/forums/index.php like in the question has a meta tag
which the Jolla browser ignores. It actually has two icons, one at root level, one at page level and which you see depends on the browser!
http://www.ybw.com/favicon.ico
http://www.ybw.com/forums/favicon.ico
(and there's a third somewhere, with a blue sail, but I can't remember where)

( 2017-04-22 19:44:02 +0300 )edit