{"id":41419,"date":"2022-12-20T10:10:22","date_gmt":"2022-12-20T08:10:22","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=41419"},"modified":"2022-12-19T18:49:07","modified_gmt":"2022-12-19T16:49:07","slug":"que-es-un-favicon","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/general\/que-es-un-favicon\/","title":{"rendered":"Qu\u00e9 es un Favicon"},"content":{"rendered":"
<\/div>

\"Qu\u00e9<\/p>\n

Si eres de los que abren varias pesta\u00f1as en el navegador web, ver\u00e1s que la mayor\u00eda de ellas tienen un peque\u00f1o icono en la parte izquierda de la pesta\u00f1a, justo antes del nombre de la web, esto es lo que llamamos Favicon<\/strong>.<\/p>\n

Vamos a ver qu\u00e9 es un favicon y c\u00f3mo podemos crearlo<\/strong> para utilizarlo en nuestra web.<\/p>\n

 <\/p>\n

\u00bfQu\u00e9 es un Favivon?<\/h2>\n

Un favicon es un icono que se asocia a la imagen de tu web<\/strong> y se muestra en las pesta\u00f1as de un navegador web.<\/p>\n

Por lo general, el favicon es el logotipo de la marca<\/strong> o cualquier icono que la represente, se utiliza y es muy efectivo,<\/strong> para localizar el sitio web que queremos entre todas las pesta\u00f1as que tengamos abiertas en nuestro navegador.<\/p>\n

\"ejemplos<\/p>\n

Como puedes ver, con un simple vistazo y sin tener que leer el nombre de la web, puedes diferenciar y localizar<\/strong> f\u00e1cilmente los distintos sitios que tengas abiertos.<\/p>\n

Esto, adem\u00e1s de est\u00e9tico, es muy \u00fatil y le facilita la vida al usuario, adem\u00e1s, es bastante sencillo de crear y utilizar en cualquier sitio web.<\/p>\n

Si eres un adicto a los marcadores web<\/strong> (favoritos) y tienes tu navegador lleno de carpetas y marcadores, ver\u00e1s que el favicon de cada web tambi\u00e9n aparece en cada marcador<\/strong>, lo que facilita su localizaci\u00f3n y la vida a los usuarios para encontrar el sitio que queremos m\u00e1s r\u00e1pidamente.<\/p>\n

 <\/p>\n

C\u00f3mo crear un Favicon<\/h2>\n

Como hemos dicho antes un favicon es un icono, as\u00ed que se trata de una imagen<\/strong> y para crear una imagen, podemos hacerla con cualquier editor de im\u00e1genes<\/strong>.<\/p>\n

El editor de im\u00e1genes m\u00e1s famoso es Photoshop<\/strong>, pero no necesitas tener un programa con un perfil tan profesional (y caro) como Photoshop para crear un favicon.<\/p>\n

Tienes muchas otras opciones gratuitas, como por ejemplo Gimp<\/a><\/strong> o Krita<\/a><\/strong> que pueden servirte perfectamente igual de bien que Photoshop para crear tu favicon.<\/p>\n

Lo que debes de tener en cuenta al crear el favicon es lo siguiente:<\/p>\n