Que é un favicón

o que é un favicon

Seguramente, en máis dunha ocasión, xa escoitou falar dun favicón. Isto está intimamente relacionado co deseño web, e é un punto importante que en cada páxina, xa sexa unha tenda en liña, un blog, un sitio web, etc. van preguntarche. Pero, Que é un favicón? Para que serve? E o máis importante de todo, como se fai?

Se tes moitas dúbidas ao respecto, aquí ímosche a dar as claves para que o entendas e, sobre todo, para que o poidas presentar dentro do teu proxecto e te quedes cunha mellor presentación. Asegurámolo!

Que é un favicón

Que é un favicón

Comezaremos explicando o que é un favicón para que o entenda. E, para iso, nada mellor que darche un exemplo práctico. Imaxina que estás navegando agora mesmo (de feito, estás a lernos). Pero non ten só unha ficha, senón varias delas. Pode ter notado que, en cada unha delas, aparece o nome do que reflicte esa páxina, xa sexa YouTube (porque está escoitando música de fondo), Gmail (porque ten o seu correo aberto) ou esta páxina.

Xunto a cada nome, á esquerda, aparece unha pequena imaxe, nun cadrado. O de YouTube e Gmail seguro que estará identificado polos logotipos que teñen, pero que pasa co resto de pestanas?

Ben, o que ves é realmente o favicón. Noutras palabras, é un icona relacionada coa páxina que está a visitar, Por iso é tan importante prestar atención a este detalle, porque cando engades unha páxina a favoritos ou atallos, o favicón convértese na "imaxe" desa páxina e por iso tes que coidar o seu deseño para que está perfectamente relacionado (e sobre todo ten bo aspecto para distinguilo dos demais).

Esta pequena icona normalmente ten un tamaño de 16 × 16 píxeles (aínda que tamén se pode establecer en 32x32px). No seu interior hai que coidar de que todo o que poña se vexa correctamente xa que, se non, aparecerá como unha mancha pouco identificable (e iso dará unha moi mala imaxe da súa páxina).

Por que é tan importante o favicón?

Por que é tan importante o favicón?

Agora que xa sabes o que é o favicón e que o localizaches nas páxinas que normalmente abres, notaches que hoxe hai cada vez menos páxinas que faltan? Isto é moi importante dar unha visión de elegancia e coñecemento. É dicir, vas transmitir unha imaxe de marca ou corporación que se preocupe polos detalles.

Non obstante, o favicón tamén ten outros usos como:

  • Sirva como identificación da túa páxina. Normalmente este favicon está relacionado co logotipo que ten no seu sitio web, só nun tamaño menor. Pero cando o logotipo é demasiado grande e non se ve no botón pequeno, tendes a escoller algo relacionado con el.
  • Axudarás aos usuarios que gardaron a túa páxina a identificala visualmente. Así, aínda que non recorden a url ou o nome da empresa, por mor da imaxe do favicon localizarano.
  • Para ser "bo" con SEO. Isto hai que tomalo cun gran de sal. E é que ter ou non ter un favicon non afectará directamente ao SEO (é dicir, non o situará mellor nin peor por telo ou non). Agora é cada vez máis común que, cando un navegador entra nunha páxina, busque ese favicón e, cando non o atopa, produce un erro 404. E vostede sabe que estes erros non son bos para o SEO dun páxina.

Como facer un favicón

Como facer un favicón

Despois de ver, está claro que un favicón é un elemento esencial cando se ten unha páxina web. Agora, como fas un?

Debería saber que, na maioría dos casos, o que fai é escolla o logotipo dese sitio web ou, se é demasiado grande, algo que o identifique. Por exemplo, imaxina que tes un sitio web de televisión ao que chamaches dalgún xeito. Pero iso, no favicon, é demasiado grande. Pola contra, podes poñer unha imaxe dunha televisión para que a relacionen. Nestes casos, recoméndase que use as mesmas cores que o seu sitio web para identificalo mellor.

E agora, como podemos crear un favicón? Ben, tes varias opcións:

Photoshop, Gimp ...

Noutras palabras, estamos a falar de programas de edición de imaxes xa que se crea un favicón exactamente igual que unha imaxe. Por suposto, tes que gardalo en formato .ico para que se recoñeza como tal porque non se pode deixar como jpg, gif ou similar.

Este xeito de facelo permítelle personalizar moito mellor o favicon, conseguindo crealo desde cero e dándolle o acabado que queiras. Normalmente, para iso traballas cunha imaxe nun tamaño normal e logo adáptala ao tamaño dese botón.

Despois, debería cargarse e probarse en diferentes navegadores para ver se ten un bo aspecto, é representativo e, sobre todo, enténdese.

Empregando ferramentas en liña

Neste caso, referímonos a páxinas web que se encargan de converter calquera imaxe que queiras nun favicon en cuestión de segundos. Pero tamén tes a opción de deseña o teu favicon directamente con esas páxinas.

Se desexa o primeiro (cargue a imaxe e convértaa), recomendamos Favicon Generator ou Favic-o-matic. Pero se queres este último (deseñalo desde cero), aposta por favicon.io ou editor de iconas x.

con wordpress

A túa páxina está feita en WordPress? E sabes que podes usar ese sistema para crear o teu favicon. Para iso, pode usar algúns complementos que lle permiten crear este botón baseado nunha imaxe que cargou (ou que cargue). Tamén a través "Aspecto / Personalizar" podes facelo.

Unha vez feito o favicon, só tes que poñelo no teu sitio web e que o recoñeza para poder mostralo na zona esquerda do nome da túa páxina, así como ao gardalo nos favoritos. Deste xeito recoñecerano facilmente sen ter que parar a ler se é a páxina que realmente querían visitar.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado.

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.