¿Qué es un favicon y cómo crear uno y agregarlo a su sitio web?
En este artículo se describe qué es un favicon y le enseñamos cómo crear un favicon y cómo agregar un favicon a su página web.
¿Qué es un Favicon?
Un favicon es un término de desarrollo web que es una combinación de palabras «favoritas» e «icono». Los Webmasters añaden una imagen favicon personalizada a sus sitios web que se mostrará en el menú de favoritos y la línea de dirección del navegador del visitante. Google Chrome, Internet Explorer, Mozilla Firefox, Safari y la mayoría de los navegadores permiten la visualización de estas pequeñas, pero únicas, imágenes.
¿Cómo se usa Favicon?
El propósito del favicon es identificar y marca aún más el sitio web para el visitante del sitio. Sirve como un recordatorio basado en imágenes o mini-logo del sitio por lo que el visitante puede volver rápidamente al sitio a través de su menú de favoritos o el historial del navegador. Un favicon es también otra manera para los desarrolladores web para personalizar la apariencia de su sitio web a través del navegador del visitante. Las imágenes favicon reflejan los colores o el aspecto del logo del sitio, tema o asunto.
¿Cómo crear un Favicon?
Es fácil crear un favicon. Todo lo que necesita es un programa de gráficos, como Paint o Adobe PhotoShop. Un favicon es una imagen que se limita a exactamente 16 píxeles por 16 píxeles. La extensión de archivo para un favicon es. Ico, una extensión que no verá como una opción estándar con la mayoría de software de creación de gráficos. A fin de obtener la extensión .ico que se requiere para su visualización, es necesario crear la primera imagen como un archivo jpg. .gif o .bmp y luego cambiar su nombre en su ordenador como «favicon.ico» (asegúrese de que utilice la. extensión .ico).
¿Cómo Añadir un Favicon a su Sitio Web?
Para añadir un favicon a su página web, todo lo que necesita hacer es agregar el siguiente fragmento de código entre las dos etiquetas de head en su sitio web y subir la imagen favicon en su servidor. Por ejemplo:
<head>
...
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
...
</head>
Eso es todo, es así de simple.
Deja una respuesta