-2

Existe alguma forma ( Site ) de eu hospedar um arquivo .ico sem que seja no ' servidor ' da aplicação, digo fazer como normalmente fazemos o upload de uma imagem .jpg / .png em sites como Imgur ?

Em grande parte da minha pesquisa antes de fazer está pergunta, o google confundia o ico com outros termos e por conseguinte os resultados não eram o que eu esperava, porém oque encontrei até agora foi :

Is there a free service where i can host a favicon ( .ico ) file ? ( Todas opções citadas estão quebradas )

Using .ico in img tag ( Sem relação )

Favicon: como criar e hospedar imagens .ico ( Novamente sem relação )

Dentre outros meios ( Como a comunidade front-end ) que também não souberam me informar uma ( Boa ) opção ...

5
  • 4
    Pergunta: por quê não hospedar o arquivo no próprio servidor?
    – Woss
    8/07/2017 às 1:05
  • Como no primeiro link que encontrei em minha pesquisa, é para um blog no tumblr.
    – user48471
    8/07/2017 às 1:06
  • 1
    o iconj.com pareceu funcionar em um teste preliminar que fiz
    – athosbr99
    8/07/2017 às 1:08
  • 1
    talvez relacionado: stackoverflow.com/questions/15497010/…
    – athosbr99
    8/07/2017 às 1:11
  • Vlw, e o site que enviou no primeiro comentário não funciona, ele só converte a imagem para .ico e na segunda aba que deveria hospedar ele manda um link que redireciona pro favicon deles mesmos. ( O link to Stf ajudou ! )
    – user48471
    8/07/2017 às 1:20

1 Resposta 1

1

Primeiro vou lhe indicar um serviço, todavia o motivo da resposta é explicar algo sobre os favicons que poderá lhe ser útil.

"Hospedagem" (Host) favicons

Pesquisando encontrei esta http://www.iconj.com/icon_generator.php, além de "hospedar" ele também converte sua imagem para ícone.

Ícones e Imagens como favicon

Navegadores antigos costumavam usar apenas .ico, isto quando suportado, pois existiam navegadores que nem suportavam, então a preferencia sempre foi usar este formato, no entanto a maioria dos navegadores modernos como pode ver na lista suportam png: http://caniuse.com/#feat=link-icon-png

png icon

Ou seja, o .ico não é mais a única opção, você pode hospedar em diferentes sites ou usar diferentes domínios para armazenar imagens .png e apontar elas no seu site:

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

iOS Safari e os favicons

Você deve ter notado que os favicons não estão disponíveis no Safari para iOS, nem mesmo o formato .ico, no entanto o Safari tem uma tag link própria para ícones quando você salva nos favoritos ou para o "Home" e é compatível com muitas versões do Android, são as tags:

  • <link rel="apple-touch-icon" href="icone-grande.png"> quando adicionar aos favoritos ou adicionar ao Home (junto aos aplicativos)

  • <link rel="apple-touch-icon-precomposed" href="icone-grande.png"> o -precomposed faz com que o ícone não recebe o efeito de "gloss" no ícone.

As imagens devem ser PNG conforme a documentação, esses ícones ficam semelhante a isto (exemplo usando o site do Youtube) na Home (esquerda) e na hora de adicionar aos favoritos ou a "lista de leitura" (direita):

apple-touch-icon na Home e nos Favoritos

Nota: na verdade eu acho que reconhece sim <link rel="icon">, apesar do caniuse dizer que não, mas a imagem fica "feia", no entanto funciona (ao menos aonde testei) se não tiver o apple-touch-icon definido.

1
  • 1
    Muito bom, eu já tinha visto isso em Android e iOS, mas não tinha procurado as tags ( Pois esqueci ), vlw.
    – user48471
    8/07/2017 às 2:28

Você deve fazer log-in para responder a esta pergunta.