Favicon . ico vs hosting

Asked

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 ...

html image hosting icons
  • 4

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

  • Like the first link I found in my research, it’s for a blog on tumblr.

  • 1

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

  • 1

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

  • 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 ! )

1 answer

1


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

png icon

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):

apple-touch-icon na Home e nos Favoritos

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.

  • 1

    Very good, I had already seen this on Android and iOS, but had not searched the tags ( Because I forgot ), vlw.

Browser other questions tagged html image hosting icons

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