Saltar al contenido

Una guía de los mejores generadores de favicon

¿Estás cansado de que tu sitio web se pierda en la competencia? Seguro, ha hecho mucho para darse una ventaja. Ha comenzado un blog, su SEO es de primera categoría, su contenido está bien escrito e informativo. Sin duda, ha pensado en un nombre de sitio memorable y ha jugado con un programa de gráficos para crear un logotipo estéticamente agradable. Seguramente eso es todo lo que puedes hacer, ¿verdad? Bueno, no del todo.

¿Conoce esos pequeños íconos en las pestañas de su navegador y en la barra de direcciones, que están asociados con sitios como Youtube, Facebook y Google?

Estos íconos se denominan favicons (se pronuncian íconos favoritos como íconos favoritos) y, a pesar de su tamaño, pueden cambiar las reglas del juego para su sitio.

¿Cómo pueden ayudarme los favicons?

Antes de burlarse de la idea de que una imagen pequeña puede darle una ventaja de marketing, imagine este escenario. Estás comprando un pastel de cumpleaños, algo que realmente explotará cuando se coloque sobre la mesa entre todos los regalos y globos. Te diriges a la panadería y estudias la vitrina. Todos los pasteles se ven muy bien, helados en varios colores. Pero hay uno que tiene una flor brillante directamente en su centro. Claro, es una flor pequeña, pero hace que ese pastel se destaque del resto.

Un buen favicon, como la guinda del pastel, llama la atención. Aparece en pestañas del navegador, accesos directos en los que se puede hacer clic, listas de marcadores y más. Aunque pequeño, puede darle a su sitio el reconocimiento de marca que, como todos sabemos, es clave para ganar clientes habituales.

¿Qué son los íconos de aplicaciones?

Los iconos de aplicaciones son pequeños iconos cuadrados con esquinas redondeadas que presionan en la pantalla de su teléfono inteligente para abrir una aplicación. La mayoría de los generadores de favicon que he enumerado a continuación también pueden ayudarlo a generar un ícono de aplicación para su aplicación.

Estos Favicon y generadores de aplicaciones son recursos gratuitos realmente útiles para que los utilicen los desarrolladores de aplicaciones, ya que se necesitan constantemente iconos de aplicaciones de mayor resolución debido a que se lanzan nuevos modelos de teléfonos inteligentes todo el tiempo.

¿Cómo hago un favicon?

Los favicons deben tener formatos y tamaños particulares para funcionar al máximo. Los formatos más populares y, por lo tanto, más utilizados son .ico y .pnp en tamaños 16 × 16 o 32 × 32. Normalmente guardo mi favicon como “favicon.ico” con un tamaño de píxel de 32 × 32.

Puede que estés pensando, eso está muy bien, pero realmente no tengo tiempo para colocar el cursor sobre mi computadora y hacer un ícono diminuto. ¡La buena noticia es que no es necesario!

Puede obtener los beneficios de tener un favicon fácil y rápidamente utilizando herramientas de diseño en línea.

Aquí están nuestras veinte mejores selecciones para los mejores generadores de favicon.

RealFaviconGenerator.net

Práctica y sencilla, esta herramienta le permite elegir el destino de su favicon. ¿Estás buscando un icono de teléfono? ¿Un icono de pestaña de sitio web? De cualquier manera, estás cubierto. Simplemente seleccione la plataforma específica para la que está formateando y estará listo para las carreras.

Este sitio web le ofrece muchas opciones de personalización, le proporciona los códigos HTML necesarios e incluso le permite comprobar un favicon existente para ver si puede realizar mejoras.

Subida de imagen:
Formatos descargables: .png, .jpg, .svg

Genfavicon.com

Si ya tiene un ícono listo para usar, pero no sabe cómo recortarlo y / o guardarlo en el formato adecuado, no busque más. Con una interfaz simple, esta herramienta tendrá su imagen lista para usar en minutos; solo cargue y guarde.

Subida de imagen: Sí, hasta 4 MB
Formatos descargables: .jpg, .gif, .png

Favicon-Generator.org

Puede crear su icono de diferentes formas con este sitio; cargue una imagen propia, recórtela como desee o elija de una base de datos de imágenes prefabricadas con capacidad de búsqueda. Favicon-generator le permitirá generar iconos no solo para navegadores web en el escritorio, sino también en dispositivos móviles en sistemas operativos y aplicaciones Android, Microsoft e iOS.

A diferencia de otros motores de búsqueda de favicon, puede limitar las opciones de imágenes por letra, palabra clave o incluso un número. Aunque no tiene muchas opciones de edición, este sitio generará el HTML necesario para que su favicon aparezca en su sitio.

Subida de imagen: Sí, hasta 6 MB
Formatos descargables: .png, .jpg, .gif

Favicongenerator.com

Simplemente cargue su imagen en el sitio y seleccione las mejores proporciones; Los tamaños de 16px, 24px, 32px, 48px y 64px se ofrecen en el menú desplegable. A continuación, puede poner su favicon en funcionamiento con las instrucciones HTML proporcionadas.

Aunque carece un poco de funciones de edición de iconos, este sitio web se asegura de que sus códigos estén actualizados y de que su HTML esté siempre en sintonía con la rápida evolución de la tecnología.

Subida de imagen: Sí, hasta 2 MB
Formatos descargables: .png, .jpg, .gif

Logaster.com

Este sitio web le permite crear un favicon de forma gratuita en cuestión de minutos. Simplemente escriba el nombre de su empresa, seleccione su fondo prediseñado y comience a personalizar su logotipo. Una vez que haya creado su emblema, el sitio le permitirá formular su favicon. Logaster le permitirá crear favicons que sean compatibles con los usuarios de dispositivos móviles Apple iOS (iPhone, iPod Touch o iPad).

Logaster le brinda mucha libertad para personalizar su imagen y, con estilos derivados de su logotipo existente, tiene un conjunto de imágenes de marca a juego.

Subida de imagen: No

Favicon.pro

Otro clásico, este generador de favicon te permite convertir tu imagen a un archivo .ico. Seleccione su tamaño de icono preferido en el menú desplegable (16 × 16, 32 × 32, 48 × 48, 64 × 64 y 128 × 128 son las dimensiones ofrecidas) y su código HTML se generará y estará listo para funcionar.

Subida de imagen: Sí, hasta 175 KB
Formatos descargables: .jpg, .gif, .png

Favikon.com

Una herramienta web de vuelta a lo básico, puede usar este generador para cargar, recortar y descargar su imagen en formato .ico o .png. Aunque el sitio no proporciona códigos HTML, produce iconos de buena calidad de imagen y es perfecto para alguien que necesita una conversión rápida de archivos. Además, obtienes una vista previa del ícono, que siempre es una buena característica.

Subida de imagen:
Formatos descargables: .jpg, .gif, .png

Favicomatic.com

El atrevido diseño de este sitio web seguramente te hará reír mientras creas. Sube tu archivo para convertirlo en un archivo .ico o .png y tu código estará listo para funcionar. Si bien no obtendrá una vista previa de su ícono, podrá personalizar la imagen en Configuración avanzada. También tienes la opción de recibir los códigos necesarios para poner tu imagen en varias plataformas.

Subida de imagen: Sí, hasta 2 MB
Formatos descargables: .gif, .jpg, .png

Favicon.cc

Puede hacer clic en su camino hacia el favicon perfecto con este generador. No, en realidad, es literalmente tan simple como completar los píxeles en el cuadro de diseño. Puede cambiar los tonos de sus clics, por lo que no debe preocuparse por no tener los colores de la empresa a la vanguardia.

También tiene la opción de cargar una imagen y convertirla eficientemente a la extensión .ico.

Subida de imagen: Sí, hasta 5 MB
Formatos descargables: .jpg, .gif, .png, .bmp, .ico, .cur

Favico.com

Una herramienta simple para la conversión, este sitio le permite cargar una foto de su elección y reducirla a 16 × 16 o 32 × 32. Se le da una vista previa de su imagen como se verá en una pestaña del navegador y el generador proporciona el código HTML que necesita para que su icono funcione.

Cargar imagen: Sí, hasta 500 KB
Formatos descargables: .gif, .jpg, .png

Antifavicon.com

Un giro único en el favicon, este sitio crea íconos sin imágenes y basados ​​en texto. Simplemente escriba su línea ‘superior’ e ‘inferior’, y luego puede usar las opciones de personalización para probar varias opciones de fuente y colores de fondo. Rápido y fácil, esto es perfecto para aquellos que buscan una solución simple para sus necesidades de favicon.

Cargar imagen: No

Generador en línea de favicon de Webestools

Puede cargar una imagen de su elección y realizar fácilmente las ediciones que desee, o simplemente comenzar desde cero con el editor de apuntar y hacer clic de este sitio. Puede elegir entre un cuadrado de 16 × 16 y 32 × 32, y puede obtener una vista previa de su favicon una vez que haya completado su trabajo.

Cargar imagen:
Formatos descargables: .jpg, .pnp, .gif

Faviconit.com

Esta herramienta le permite generar no solo favicons sino también encabezados HTML e íconos táctiles de Apple. En la configuración avanzada, puede cambiar fácilmente el nombre, la carpeta y la versión del favicon.

Cargar imagen:
Formatos descargables: .jpg, .png, .bmp, .gif

Faviconr.com

Si no está buscando un generador con muchas campanas y silbidos, esta podría ser la herramienta para usted. Un convertidor clásico y sencillo, todo lo que tienes que hacer es subir tu imagen. La interfaz es limpia y fácil de usar, y se proporcionan instrucciones para que su favicon esté listo y funcionando en su sitio web.

Cargar imagen: Sí, hasta 150 KB
Formatos descargables: .jpg, .png, .gif

Generador de favicon

Esta sencilla herramienta le permite cargar su imagen y convertirla en un archivo .ico. Puede elegir cómo se recorta, sus proporciones y también agregar efectos para que su ícono sea tan único como su sitio web.

Cargar imagen:
Formatos descargables: .png, .jpg, .gif, .bmp

Apple-Touch-Icon y Favicon Generator

Si bien no se ofrecen funciones de edición con este generador, es una forma sencilla de convertir su imagen al tamaño y formato deseados. Se proporcionan instrucciones y el HTML necesario, y este sitio también puede producir iconos para muchas otras plataformas.

Imagen descargable:
Formatos descargables: .png, .jpg, .jpeg, .gif

Icoconvert.com

Este sitio web ofrece una herramienta gratuita para cargar y editar su favicon. Simplemente seleccione su foto, recórtela manualmente y diviértase experimentando con los diferentes estilos y tamaños disponibles para usted. La interfaz es muy fácil de usar y descargar el producto terminado es muy sencillo.

Imagen descargable:
Formatos descargables: .png, .jpg, .bmp

Favicon.io

Si desea utilizar un favicon basado en palabras, este sitio proporciona una manera fácil de lograrlo. Escriba el texto que desee y diviértase personalizando su icono. Puede cambiar la fuente, el tamaño del texto, el color e incluso hacer que sus letras se destaquen sobre un fondo transparente. Luego puede descargar el producto terminado en un archivo .ico o .pnp.

Imagen descargable: No

FavIcon de fotos

Esta es una herramienta excelente si desea agregar un poco de dinamismo adicional a su favicon. Todo lo que tiene que hacer es cargar su imagen o imágenes, y puede agregar todo tipo de animaciones, bordes, texto y efectos geniales. Hay mucho con lo que jugar y, cuando esté satisfecho con su trabajo, se le proporcionarán el HTML y las instrucciones de carga.

Imagen descargable:
Formatos descargables: .gif, .jpg, .ico, .pnp

Xiconeditor.com

Ya sea que prefiera crear algo de la nada o simplemente desee formatear una imagen existente, esta herramienta gratuita le permite fabricar el icono perfecto para su sitio.

Las amplias herramientas de edición incluyen formatear su texto, cambiar los colores de fondo y más. La interfaz es simple y puede obtener una vista previa de todas las imágenes antes de la exportación final. No está mal para un servicio gratuito.

Subida de imagen:
Formatos descargables: .jpg, .gif, .bmp, .png .ico

¿Cómo subo mi favicon?

Ahora que ha creado el favicon perfecto, es hora de subirlo a su sitio y ponerlo a trabajar. No te preocupes; es más fácil de lo que piensas. Solo sigue estos pasos.

1. Inicie sesión en su archivo administrador de protocolo de transferencia (ftp: //[email protected])

2. Suba su (s) archivo (s) favicon.ico a la carpeta del directorio raíz. Comúnmente listado como ‘www’ o ‘public_html’, este es básicamente el rey en la jerarquía de carpetas. Aquí es donde pones tus archivos favicon.

3. Abra el index.htm (o header.php para usuarios de WordPress) y coloque el siguiente código después de la etiqueta head:

>

Tenga en cuenta que su favicon puede tardar hasta dos días en aparecer.

Con cientos de miles de sitios web que surgen todos los días, hacer que su contenido se destaque a menudo puede parecer como intentar barrer la arena de la orilla. Tienes que hacer todo lo posible para hacerte notar. Ahora que ha agregado su propio favicon a su sitio web, está un paso más cerca de lograr su objetivo de éxito en Internet.

Las siguientes dos pestañas cambian el contenido a continuación.

Mi nombre es Jamie Spencer y he pasado los últimos 5 años creando blogs para hacer dinero. Después de cansarme del 9-5, desplazarme y nunca ver a mi familia, decidí que quería hacer algunos cambios y lancé mi primer blog. Desde entonces, he lanzado muchos blogs de nicho exitosos y, después de vender mi blog de supervivencia, decidí enseñar a otras personas cómo hacer lo mismo.