Favicon . ico vs hosting

Question

Favicon . ico vs hosting

Asked 7 years, 2 months ago

Viewed 535 times

0

Is there any way ( Site ) for me to host a file .ico without being on the application’s ' server ' I mean do as we normally upload an image .jpg / .png on sites like Imgur ?

In much of my research before asking this question, google confused the ico with other terms and therefore the results were not what I expected, but what I found so far was :

Is there a free service Where i can host a favicon ( .ico ) file ? ( All cited options are broken )

Using . ico in img tag ( Unrelated )

Favicon: how to create and host images. ico ( Again unrelated )

Among other means ( As the community front-end ) who also could not inform me a ( Good ) option ...

4

Question: why not host the file on the server itself?

– Woss

2017/07/08 at 01:05
Like the first link I found in my research, it’s for a blog on tumblr.

– user48471

2017/07/08 at 01:06
1

iconj.com seemed to work in a preliminary test that I did

– athosbr99

2017/07/08 at 01:08
1

maybe related: https://stackoverflow.com/questions/15497010/how-do-i-delete-tumblrs-default-favicon

– athosbr99

2017/07/08 at 01:11
Vlw, and the site you sent in the first comment does not work, it just converts the image to .ico and in the second tab that should host it sends a link that redirects pro favicon to themselves. ( The link to Stf helped ! )

– user48471

2017/07/08 at 01:20

1 answer

Browser other questions tagged html image hosting icons

You are not signed in. Login or sign up in order to post.

by Guilherme Nascimento • **98,651** points · Answer 1 · 2017-07-08T01:34:08+00:00

First I will indicate you a service, however the reason for the answer is to explain something about the favicons which may be useful to you.

"Hosting" (Host) favicons

Researching I found this http://www.iconj.com/icon_generator.php, In addition to "host" it also converts your image to icon.

Icons and Images like favicon

Old browsers used to use only .ico, this when supported, as there were browsers that did not even support it, so the preference was always to use this format, however most modern browsers as you can see in the list support png: http://caniuse.com/#feat=link-icon-png

That is to say, the .ico is no longer the only option, you can host on different websites or use different domains to store images .png and point them out on your website:

<link rel="icon" type="image/png" href="http://3rd.site.com/img/favicon.png">

iOS Safari and the favicons

You may have noticed that favicons are not available in Safari for iOS, not even the format .ico, however Safari has a tag link own for icons when you save in the bookmarks or to the "Home" and is compatible with many versions of Android, are the tags:

<link rel="apple-touch-icon" href="icone-grande.png"> when to add to favorites or add to Home (next to the apps)
<link rel="apple-touch-icon-precomposed" href="icone-grande.png"> the -precomposed causes the icon to not receive the effect of "lip gloss" in the icon.

The images shall be GNP according to documentation, these icons look similar to this (example using the Youtube site) in the home (left) and when adding to bookmarks or the "reading list" (right):

Note: actually I think you do <link rel="icon">, despite the kennel say no, but the image looks "ugly", however it works (at least where I tested) if you don’t have the apple-touch-icon defined.