- 26 diciembre, 2019
Qué es un favicon y cómo crearlo gratis
Tiempo de lectura: 6 minutosEs probable que no hayas escuchado antes la palabra “favicon”. Pero toma en cuenta que si tienes un sitio web comercial, deberías agregar uno. En esta nota te indicaremos cómo crear un favicon para un sitio web y las ventajas de tenerlo.
¿Qué es un favicon?
Un favicon o ícono del sitio web es un pequeño símbolo que se muestra en las pestañas de los navegadores web como Google Chrome o también puede aparecer en la lista de favoritos. Un buen favicon puede ayudar a las personas a encontrar tu sitio web cuando tienen varias pestañas abiertas y reforzar tu marca.
Un favicon mal diseñado se olvida fácilmente y puede llegar a ser visualmente desagradable, por lo que es importante entender cómo y por qué crear un favicon adecuado.
¿Qué se necesita para crear un favicon?
Un favicon es básicamente una imagen muy pequeña de 16 x 16 píxeles que se carga y se aloja en un sitio web.
Actualmente, puedes hacer que el archivo sea más grande dependiendo del programa de diseño web que utilices, siempre que tengan la misma relación de aspecto, como 48 x 48 o 144 x 144 píxeles. No importa cuán grande sea el archivo, igualmente se mostrará como 16 x 16 píxeles en casi todos los casos.
La mayoría de los creadores de sitios web como WordPress requieren que el archivo esté en formato JPEG o PNG. Si tu archivo tiene un fondo transparente, asegúrate de guardarlo en formato PNG porque eso transmitirá la transparencia.
¿Por qué se llama favicon?
Según uno de los primeros ingenieros de Internet Explorer presentes en su invención, «favicon» es la abreviatura de «favorite icon» (ícono favorito, en español) y estaba destinado a facilitar la búsqueda de sitios web en largas listas de marcadores (o la sección de «Favoritos» como se los conocía en Internet Explorer).
Aspectos importantes del diseño
Como los favicons son pequeños, es recomendable que sean simples e impactantes. Cualquier cosa que sea demasiado complicada o parezca borrosa no será tan efectiva en este formato.
Tampoco se necesita una imagen obligatoriamente, ya que también puedes usar letras. Por ejemplo, si el nombre de tu sitio web es MegaBicicletas.com, puedes usar «MB» en una bonita fuente como tu favicon. Es mucho mejor tener un favicon basado en letras que no tener ninguno.
Herramientas para crear un favicon gratis
Crear un favicon para tu sitio web o tienda online es un paso importante para mejorar la identidad de tu marca y hacer que tu sitio sea fácilmente reconocible en las pestañas del navegador. Afortunadamente, hay muchas herramientas en línea que te permiten crear favicons de forma gratuita.
Listado de las mejores opciones:
1. Favicon.cc
Favicon.cc es una herramienta simple y efectiva para crear favicons desde cero. Ofrece un editor en línea donde puedes dibujar tu propio diseño pixel por pixel. También puedes subir una imagen y convertirla en un favicon.
2. Favicon.io
Favicon.io es otra excelente opción que permite crear favicons a partir de texto, imágenes o emojis. Es muy fácil de usar y te permite generar favicons en múltiples formatos (ICO, PNG, SVG) con unos pocos clics.
3. RealFaviconGenerator
RealFaviconGenerator es una herramienta poderosa que no solo te permite crear un favicon, sino también generar todos los archivos necesarios para que tu favicon se vea bien en diferentes dispositivos y navegadores. Puedes subir una imagen y personalizar cómo se verá tu favicon en distintos contextos.
4. Favicon Generator by X-Icon Editor
Favicon Generator by X-Icon Editor te permite crear y editar favicons de manera interactiva. Ofrece herramientas de dibujo y la posibilidad de importar imágenes. También puedes previsualizar tu favicon en diferentes fondos y tamaños.
5. Favic-o-Matic
Favic-o-Matic es una herramienta que convierte cualquier imagen en un favicon compatible con todos los navegadores y dispositivos. Además de generar el archivo ICO, también crea los metadatos necesarios para integrar el favicon correctamente.
6. Canva
Canva no está específicamente diseñada para crear favicons, pero es una herramienta de diseño muy versátil que te permite crear gráficos de alta calidad. Puedes diseñar tu favicon en Canva y luego descargarlo en el tamaño adecuado.
7. Favicon-Generator.org
Favicon-Generator.org es una herramienta sencilla que te permite subir una imagen y generar un favicon en formato ICO. También ofrece opciones para generar favicons para dispositivos iOS y Android.
Pasos para crear un favicon
- Diséñalo: Puedes diseñarlo desde cero usando un editor como Favicon.cc o una herramienta de diseño como Canva.
- Sube tu imagen: Utiliza una de las herramientas mencionadas para subir tu diseño o imagen.
- Personalízalo: Algunas herramientas permiten ajustar el tamaño y el formato del favicon.
- Descárgalo y súmalo a tu sitio web o tienda online: Descarga el archivo generado y sigue las instrucciones de la herramienta para agregar el favicon a tu sitio web. Normalmente, esto implica subir el archivo a tu servidor y agregar una línea de código en el
<head>de tu página HTML.
Estas herramientas te ayudarán a crear un favicon de manera rápida y sencilla, mejorando la apariencia y la profesionalidad de tu sitio web.
¿Cómo instalar un favicon?
Si cuentas con un programador o administrador de tu web, pídele que realice la instalación. En caso contrario, la mayoría de las plataformas para crear sitios web tienen un lugar para cargar el favicon de forma sencilla, solo necesitas saber dónde buscar. En WordPress, utiliza la sección de Apariencia del área de administración para cargar tu archivo favicon. Esta plataforma es la más recomendada para crear un sitio web.
¡Ya tienes tu favicon! Ahora crea tu sitio web y listo.
¿Dónde se usan los favicons?
Los favicons aparecen en lugares muy específicos del sitio y se pueden aprovechar para la marca.
Aparecen en las pestañas del sitio web.
El lugar más común para ver un favicon es en la pestaña de un sitio web. Se muestran cuando el sitio web está abierto en el navegador y ayudan a las personas a navegar rápidamente por tu sitio si tienen muchas pestañas abiertas. La mayoría de las plataformas para crear sitios web mostrarán un símbolo genérico en la pestaña si no tienes un favicon.
Aparecen en Google Mobile Search y en algunos motores de búsqueda
Los favicons aparecen como parte de los listados de sitios web en la búsqueda móvil, así como en las búsquedas de escritorio. Si no tienes uno, tu listado no se destacará tanto como los sitios web de la competencia que sí lo hacen.
Nota: Google no mostrará favicons en sus resultados de búsqueda que considere inapropiados. Esto puede incluir símbolos de odio o contenido para adultos.
Conclusión: ¿Por qué es importante tener un favicon?
Ayudan al reconocimiento de marca
Los favicons que van con el logotipo de tu sitio web pueden ayudar a las personas a recordar tu marca. Las personas son visuales, y un buen favicon que coincida con el diseño de tu sitio web puede ayudarte a desarrollar una imagen de marca coherente. Ya sea que se trate del historial de navegación, los resultados de búsqueda en Google o una lista de sitios favoritos en tu navegador, un favicon ayuda al usuario a encontrar tu sitio y acceder fácilmente.
Credibilidad
Si no tienes un favicon (los motores de búsqueda muestran el sitio sin favicon con un icono de documento en blanco) puedes perder credibilidad, especialmente cuando los usuarios te comparan con tus competidores.
Más visitas
Supongamos que un visitante de tu sitio web tenía prisa al visitarlo por primera vez y decidió agregarlo a los marcadores para regresar más tarde. Si esta persona luego decide visitar tu sitio nuevamente, volverá a los marcadores y si el favicon es reconocible (como la letra G llamativa y única para Google), el usuario te encontrará. Si no hay favicon, tu sitio probablemente pasará inadvertido en los marcadores.
Ahorra tiempo al usuario
El favicon ahorra el tiempo que el usuario necesita para identificar un sitio en marcadores, historial u otros lugares donde el navegador agrega favicon para una identificación rápida. Simplemente hace la vida más fácil para el visitante promedio de tu sitio web.
Beneficios para SEO
Si tu sitio web tiene un favicon, será más visible en los resultados de búsqueda en comparación con los que no lo tienen. Esto, junto con una buena optimización de tu sitio, podrá atraer más visitantes.
Todas las empresas deben tener un favicon, porque aparecen en las búsquedas web y en las pestañas del navegador. Un buen icono para tu sitio web también te ayudará a desarrollar una imagen de marca sólida. La buena noticia es que son fáciles de crear e instalar, por lo que puedes implementar uno rápidamente en tu sitio web.
Última actualización: 1 de agosto de 2024.
¿Te ha gustado este artculo?
Recíbe los nuevos en el newsletter mensual de Neolo o Telegram de Neolo
