Oferta de Año Nuevo de hasta 87 % DTO

+ Dominio GRATIS por 1 año

La oferta termina en:

05 :

03 :

42 :

33

Los 16 mejores generadores de favicon en línea de 2021

los mejores generadores de favicon

La forma en la que la mayoría de las personas navegan en línea es tener una selección de sus sitios web favoritos y más visitados abiertos en diferentes pestañas al mismo tiempo. Y todos seguramente han usado los mejores generadores de favicon.

Es bastante razonable suponer que la mayoría de nosotros probablemente tenga Facebook, YouTube y Google abiertos en un momento dado. Tal vez tu navegador también tenga tus correos electrónicos y tu sitio web de noticias favorito.

Con tantas cosas sucediendo en un momento dado, ¿cómo hacemos un seguimiento de qué pestaña es cuál sin tener que hacer clic en cada pestaña cada vez?

Favicons.

Este artículo enumera los 16 mejores generadores de favicon que puedes encontrar en la web. También te dirá cómo generar imágenes de favicon en cada sitio web, así como también cómo puedes agregar un favicon a tu sitio web una vez desarrollado.

1. favicon.zyro.com

Mejores generadores de favicon: Zyro

El generador de favicon Zyro es el primero entre los mejores generadores de favicon y es una herramienta gratuita con varias funciones útiles.

Puedes cargar tu propia imagen elegida en el sitio, o puedes hacer uso de los muchos íconos preestablecidos diseñados profesionalmente.

Con la herramienta de edición es posible cambiar el diseño de tu favicon y agregar o eliminar texto para incluir tu nombre de marca o simplemente ir con una monografía.

Además, puedes editar el color de fondo para que coincida con la estética de la marca.

Una vez que estés satisfecho con el resultado final, simplemente descarga la imagen en un formato que puedas usar de inmediato.

2. Favicon-generator.org

Favicon.ico, generador de favicon

Favicon.ico & App Icon Generator puede convertir formatos de archivo de imagen JPG, PNG y GIF a un archivo favicon.ico. 

El generador de favicon también crea favicons en todos los tamaños para que coincidan con la plataforma utilizada: web, Android, Microsoft e iOS.

Al hacer clic en Crear favicon se creará un código para que lo copies en el encabezado de tu documento HTML. Como referencia, si has hecho todo correctamente, el código HTML se verá así para un favicon estándar de 16×16:

<link rel = ”shortcut icon” href = ”/ favicon.ico” type = ”image / x-icon”> <link rel = ”icon” href = ”/ favicon.ico” type = ”image / x-icon” > 

Luego agrega la carpeta .zip descargada al directorio raíz de tu sitio web. 

Si aún no tienes una imagen, aprovecha su editor en línea y crea una tú mismo. 

También puedes elegir una plantilla lista para usar de la galería de iconos, clasificada por color de fondo, y modificarla a tu gusto. 

3. FavIcon.pro 

mejores generadores de favicon: favicon.pro

El generador FavIcon es ideal para convertir formatos de imagen JPG, PNG y GIF a archivos favicon.ico. Sin embargo, a diferencia de Favicon.ico & App Icon Generator, no tiene editor.

Este generador de favicon ofrece muchas opciones de tamaño de imagen: 16×16, 32×32, 48×48, 64×64 y 128×128 píxeles. 

Todo lo que tienes que hacer es elegir el tamaño de icono que necesitas y luego cargar la imagen que deseas convertir en un favicon.

El generador FavIcon ofrece seis preferencias de idioma: inglés, español, portugués, francés, italiano y alemán para adaptarse a los usuarios globales.

4. Dynamic Drive – Generador de favicon

Generador de favicon Dynamic Drive

Este generador también es uno de los mejores generadores de favicon y es compatible con los formatos de imagen PNG, JPG, GIF y BMP. También acepta imágenes con fondo transparente.

El tamaño predeterminado del archivo favicon.ico que obtendrás es de 16×16 píxeles. Sin embargo, también tiene la opción de descargar iconos de tamaño de 32×32 y 48×48 píxeles.

Puedes navegar en la sección de editor de favicon para diseñar el tuyo desde cero. Alternativamente, importa una imagen PNG de 16×16 píxeles y utilízala como diseño base.

El editor proporciona herramientas de edición simples pero funcionales, junto con muchas opciones de color y tamaño de pincel. 

5. Favicon.cc

FaviconCC: generador de favicon

Favicon CC acepta formatos de imagen JPG, JPEG, GIF, PNG, BMP, ICO y CUR.

El editor de favicon gratuito ofrece un selector de color y una función transparente. Estos te permiten diseñar sin esfuerzo iconos de fondo de color y transparente.

Además, el editor proporciona una función de animación con la que puedes animar tu favicon. Puedes decidir la duración del efecto por fotograma y el número de iteraciones.

También puede descargar el archivo ICO de forma gratuita. Para obtener el script HTML debes publicar el icono con la licencia Creative Commons.

6. Genfavicon 

mejores generadores de favicon: genfavicon

Genfavicon admite formatos de imagen JPEG, GIF y PNG y genera cinco favicons de diferentes tamaños.

Importa tu imagen al generador y elige el tamaño de icono deseado. Puedes recortarlo y obtener una vista previa del resultado antes de descargar el archivo ICO.

Si bien el generador es fácil de usar y de uso gratuito, no tienes un editor que te permita diseñar un favicon desde cero.

Al igual que FavIcon.pro, Genfavicon proporciona varias preferencias de idioma para ayudar a los usuarios de todo el mundo.

7. Favic-o-Matic

mejores generadores de favicon: Favicomatic

Este generador de favicon te da la opción de generar un solo archivo favicon.ico. Alternativamente, descarga imágenes PNG de diferentes tamaños junto con un archivo ICO para varias plataformas, todo con solo un clic.

Favic-o-Matic también te proporciona el código HTML para todos los archivos generados. Puedes satisfacer todas las necesidades de tu favicon en un solo lugar.

Como admite la integración de Google Drive, tienes la opción de guardar archivos directamente en tu cuenta.

Prueba la compatibilidad del favicon de tu sitio web con diferentes navegadores y dispositivos utilizando el Favic-o-meter, una herramienta gratuita para la verificación de un favicon.

Te ayudará a verificar si tu sitio implementa correctamente el icono de acceso directo y te proporcionará sugerencias sobre cómo solucionar los problemas existentes.

8. RealFaviconGenerator.net

real-favicon-generator-generador-de-favicon

RealFaviconGenerator.net ofrece opciones de modificación de favicon para mejorar la compatibilidad de tu favicon con plataformas populares.

Incluye opciones de personalización de tu favicon para pantallas móviles, como la barra táctil de Apple y la pantalla de inicio de Android Chrome.

Al diseñar el favicon puedes ver cómo se ve en las pestañas de los navegadores y en la barra de direcciones. No tendrás que crearlo por ensayo y error.

La función de demo también te permite cambiar el color de fondo, los márgenes y el tamaño de la imagen. También puedes elegir las especificaciones del favicon según las versiones de los sistemas operativos.

El producto final incluye archivos PNG, ICO y SVG. El generador proporciona diferentes conjuntos de códigos de favicon compatibles con lenguajes de programación específicos.

9.  Xiconeditor.com

generador de favicon xicon

X-Iconeditor es un poderoso generador de favicon en línea. Es una de las pocas herramientas que ofrece una herramienta de lápiz, una herramienta de pincel, un borrador y un editor de texto para aquellos que quieran crear su favicon desde cero.

Por supuesto, hay una función de carga de imágenes fácil si no deseas construir tu favicon desde cero. Sube la imagen que quieras que represente tu marca y recórtala directamente en el generador.

También puedes obtener una vista previa de tu favicon antes de descargarlo, por lo que sabrás exactamente cómo aparecerá la imagen en los navegadores web.

Una vez que estés satisfecho, simplemente exporta el archivo y descárgalo en el directorio raíz de tu sitio web.

Para definir el favicon e indicar que el icono está disponible para el navegador usa la etiqueta <link> en el elemento <head> de la página, apuntando a la ubicación del favicon:

Se verá así:

<link rel=”icono de acceso directo”href=”favicon.ico”/>

10. Antifavicon.com 

generador-anti-favicon

Como indica el nombre, Anti Favicon es ligeramente diferente de la mayoría de los generadores de favicon que existen. No utiliza un archivo de imagen para crear el icono. 

En cambio, un icono de Anti Favicon contiene texto en lugar de imágenes. Los usuarios pueden utilizar un selector de color para crear un favicon que coincida con la paleta de colores de su sitio web.

Para generar tu favicon simplemente escribe el texto y experimenta con diferentes colores. Cuando esté listo, puedes guardar tu favicon haciendo clic en “Guardar como archivo de favicon“.

Anti Favicon también presenta numerosos tipos diferentes de generadores favicon, Button Maker , Email Icon y muchos más, la mayoría con el estilo característico de Anti Favicon.

Anti Favicon es uno de los generadores de favicon más singulares que existen y bien merece una visita.

11. Webestools

generador de favicon webestools

Webestools.com proporciona un generador de favicon en línea gratuito que permite a los usuarios cargar un archivo de imagen en el sitio y editarlo directamente.

Los usuarios que deseen un proceso más complicado pueden aprovechar las herramientas de color y el editor en línea para crear sus favicons desde cero, por lo que esta funcionalidad hace a este generador merecedor de un puesto en la lista de los mejores generadores de favicon en línea.

El generador de favicons de Webestools solo ofrece favicons en tamaños de 16×16 o 32×32, pero permite a los usuarios obtener una vista previa de sus favicons antes de descargar el archivo ICO.

En general, es un generador de favicon sencillo y eficiente que hace el trabajo sin ningún problema.

12. logaster.com

generador-de-favicon-logaster

El generador de favicon de Logaster va un paso más allá que la competencia y es una excelente opción para sitios web que aún no han definido su identidad de marca.

En lugar de comenzar con una imagen, este generador de favicon comienza pidiendo que uses el creador de identidad de marca de Logaster. Ingresa el nombre de tu marca y Logaster creará varias opciones de logotipo, que luego se traducirán en un favicon de alta calidad.

Logaster es un servicio profesional que puede crear favicons en un conjunto completo de diferentes tamaños (16-128 px). Es uno de los únicos servicios premium de esta lista y es importante tener en cuenta que no te permite cargar tu propia imagen.

El generador de favicon Logaster es una gran opción para las marcas que aún no han creado su propio logotipo.

13. favico.com

Favico

El generador de favicon de FavIco es rápido, gratuito y fácil de usar. Úsalo para convertir una imagen GIF/JPG/PNG en formato ICO para usarla como favicon.

Es un generador de favicon simple con una interfaz de usuario limpia. Selecciona una imagen de tu computadora para cargar y elige el tamaño del favicon que deseas; en este caso, es 16×16 o 32×32, y estás listo para comenzar.

Una característica interesante de FavIco es que la creación de un favicon se almacena en una galería en línea. La creación de varios favicons te permite comparar los resultados finales antes de descargar.

14. faviconit.com

faviconit

Favicon ofrece algunas variaciones diferentes en lo que respecta a un generador de favicon estándar.

Con Favicon It, sigue el procedimiento estándar de carga de imágenes, pero donde muchos sitios web solo ofrecen un favicon de 16px o 32px, Favicon It genera favicons, íconos táctiles de Apple y el encabezado HTML para todos los dispositivos y navegadores.

Favicon requiere que tu imagen sea un cuadrado de al menos 310px para crear. Si la imagen no cumple con esos requisitos, entonces Favicon It se vincula automáticamente a un sitio web gratuito y fácil de usar para cambiar el tamaño de la imagen.

15. prodraw.net

prodraw

El generador Prodraw es una herramienta gratuita en línea que te ayuda a convertir archivos de logotipos, imágenes y fotos en favicon.

Tiene un mejor soporte de formato de archivo que muchos de los generadores de favicon en esta lista y no solo admite los formatos JPG, GIF, PNG, sino también BMP y TIF.

Una de las ventajas de utilizar el generador de favicon Prodraw es que ofrece muchos consejos sencillos para el usuario. La mayoría de los sitios web simplemente enumeran los formatos compatibles y los tamaños de favicon disponibles.

Prodraw se esfuerza por aclarar las diferencias. Por ejemplo, si deseas un favicon con fondo transparente, sería aconsejable cargar una imagen en formato GIF o PNG.

Prodraw también explica el mejor uso para cada tamaño de cada salida. Por ejemplo, 32×32 (icono del escritorio), 48×48 (icono grande de XP) hasta 128×128 píxeles (tamaño del icono de Windows Vista) en el formato de icono *.ICO.

Si bien algunos de esos formatos están desactualizados, una opción es reutilizar los mismos tamaños para herramientas modernas. Por ejemplo, 128px es el tamaño actual correcto para un favicon de tienda en línea de Google Chrome.

Prodraw también puede generar iconos con diferentes niveles de nitidez. Te permitirá comparar los resultados y elegir el icono adecuado para tu proyecto.

16. icoconverter.com

ico-converter: generador de favicon

El convertidor ICO hace lo que dice.

Es un simple convertidor de imágenes .ico en línea y generador de favicon. Tomará cualquier imagen y la convertirá en un archivo ICO, para usarla como favicon de un sitio web o aplicación de Windows.

El convertidor ICO te permite elegir qué tamaños de favicon te gustaría que se incluyeran en el ICO final. Ofrece 16px, 32px, 48px, 64px, 128px y 256px.

A diferencia de muchos de sus competidores, el convertidor ICO también te permite elegir la profundidad de bits final de tu favicon. Elige entre una profundidad de bits de 8 bits (256 colores, paleta) o 32 bits (16,7 millones de colores y transparencia alfa).

De esta manera, el convertidor ICO se adapta a estilos de favicon más modernos y clásicos.

¿Qué es un favicon?

correo electrónico-bandeja de entrada-computadora

Favicons, abreviatura de íconos favoritos, son los pequeños íconos que ves en cada pestaña del navegador, barra de búsqueda, marcadores, extensiones e historial de búsqueda que identifica el sitio web en cuestión. 

Un favicon representa un sitio web. Generalmente aparece en la barra de direcciones del navegador, pestañas, lista de marcadores, aunque los favicons también pueden aparecer como iconos de escritorio o iconos de aplicaciones.

La mayoría de las empresas optan por utilizar su logotipo como favicon, ya que es más fácil de identificar. Piensa en el icónico pájaro azul de Twitter o en el símbolo del “botón de reproducción”, que es sinónimo de YouTube.

Otras marcas usan un logotipo de monograma presentado en colores llamativos como su favicon.

Agregar un favicon a tu sitio ayuda a establecer tu marca y credibilidad. Generalmente es un signo de legitimidad en un sitio web. Muestra que la marca está invirtiendo tiempo y dinero en el servicio para darle una apariencia profesional y coherente.

Como un favicon es una parte importante de la marca de un sitio web, es vital tener un diseño de icono único y memorable. Debe ser lo suficientemente simple para que los visitantes puedan reconocerlo fácilmente.

Los beneficios de agregar un favicon a tu sitio web incluyen:

  • Agregar credibilidad al sitio
  • Mejorar el reconocimiento de marca en diferentes plataformas
  • Ayudar a los usuarios a ubicar el sitio entre otras pestañas y marcadores
  • Mejorar la navegación y la experiencia del usuario

¿Qué pasa si tu sitio web es legítimo, pero te falta el tiempo o los conocimientos de diseño gráfico para crear un favicon? Aún deseas que los usuarios puedan ver tu logotipo o ícono en sus navegadores web.

En ese caso puedes usar uno de los mejores generadores de favicon para crear uno en poco tiempo.

Cómo agregar un favicon a tu sitio web

teléfono celular mostrando código href

Crear tu propio favicon es tan fácil como elegir uno de los generadores de favicon de la lista anterior y cargar un archivo de imagen.

Todos los generadores de favicon que hemos elegido en este artículo harán el trabajo duro por ti. Siempre que tengas un archivo de imagen adecuado, saldrás con un gran favicon.

Si bien la mayoría de los navegadores aceptan favicons en formatos de imagen GIF, ICO, PNG y JPG, el ICO es el formato ideal debido a que incluye varios tamaños de íconos en un solo archivo.

Para agregar un favicon a tu sitio web deberás estar familiarizado con un poco de código HTML básico. Cuando hagas un favicon, verás esta línea con bastante frecuencia:

link rel=”icono de acceso directo”

Si estás pensando en qué diablos significa el enlace rel=”icono de acceso directo”, no te preocupes. No estás solo.

Para empezar, no es necesario que escribas este código. Cada generador de favicon de la lista lo escribirá por ti. Simplemente descarga el archivo proporcionado en el directorio de tu sitio y pega el HTML en el encabezado de tu sitio web .

El elemento LINK define un enlace al archivo Favicon que has descargado. Es sencillo.

Hay una manera de evitar todo el código usando un generador de favicon visual como el de Zyro.

Creará un favicon visual que luego podrás descargar y usar tanto en creadores de sitios web como en sistemas CMS. Simplemente carga la imagen y listo.

¿Qué tamaño debe tener un favicon?

diseños de iconos

Los tamaños de favicon estándar son 16×16 y 32×32 píxeles. Sin embargo, las diferentes plataformas, como los íconos de aplicaciones, generalmente requieren diferentes tamaños de favicons para una mejor visibilidad.

Aquí hay una lista completa de los tamaños de favicon actuales y el uso correspondiente:

  • 16×16 píxeles (navegador estándar)
  • 32×32 (iconos de escritorio)
  • 128×128 (icono de Chrome Web Store)
  • 152×152 (icono táctil de iPad)
  • 167×167 (icono táctil Retina de iPad)
  • 180×180 (iPhone Retina)
  • 192×192 (aplicación web para desarrolladores de Google)
  • 196×196 (icono de Chrome para Android)

Encontrarás un generador de favicon capaz de crear archivos en cada uno de estos tamaños en nuestra lista.

Resumen del generador de favicon

A pesar de su pequeño tamaño, un favicon es un componente crucial de un sitio web. Si tu sitio aún no tiene uno, debes crearlo ahora.

Con un generador de favicon, cualquiera puede diseñar un ícono atractivo en segundos. Dependiendo de la herramienta puedes crear un favicon desde cero o usar una imagen existente como diseño base.

Cada generador de favicon en esta lista es una opción capaz para tu sitio web. Simplemente considera qué funciones necesitarás y elige en consecuencia.

Recuerda que un archivo ICO puede contener varios tamaños de archivo diferentes. Por lo tanto, no es necesario crear más de uno, incluso si deseas crear más de un tipo de favicon.

Escrito por

Avatar del autor

luisjordan

Unirse a la conversación

Tu dirección de correo electrónico no será publicada. Todos los campos son obligatorios.