Hemos seleccionado para ti las mejores Galerías y generadores de Favicons gratis
Cuando se trata de su sitio web , su estrategia de marca es crucial para convertir a los visitantes en clientes. No se debe pasar por alto ningún pequeño detalle. Esto incluye la necesidad de crear íconos de favicon y un generador de favicon gratuito puede ayudarlo a crearlos.
Los Favicons son pequeños iconos de imágenes que aparecen junto al título de un sitio web en la pestaña de una ventana del navegador.
Debido a que también puede usarlos como íconos de aplicaciones de escritorio, necesita al menos algunos tamaños diferentes que se puedan incluir en un tipo de archivo ICO de favicon. En la mayoría de los casos, también puede configurar un archivo PNG como ícono de favoritos.
Los Favicons son esenciales porque los usuarios buscan constantemente información en múltiples sitios web a la vez en pestañas. Los Favicons ayudan a los usuarios a identificar el contenido y la marca más rápido para una experiencia de usuario más atractiva.
Por lo tanto, aquí hay 15 herramientas en línea generadoras de favicon gratuitas , así como más detalles sobre cómo crear íconos de favicon e instalarlos.
Cuando desee crear íconos de favicon, el primer paso es aprender más sobre ellos, incluidos sus requisitos y mejores prácticas.
El término “favicon” es un acrónimo de “icono favorito”. Estos eran íconos que, al igual que hoy, se mostraban con el título de un sitio web en la parte superior de un navegador.
Excepto que originalmente se mostraban cuando un usuario agregaba un sitio web a su carpeta de “favoritos”. Los navegadores modernos se refieren a esta carpeta como sus marcadores.
Un icono de favicon debe tener un tamaño determinado. De lo contrario, los navegadores y los dispositivos no los utilizarán.
Los tamaños mínimos que necesitas son :
16×16 píxeles para navegadores
32 × 32 píxeles para barras de tareas de escritorio
96 × 96 píxeles para iconos de favicon de aplicaciones de escritorio
180×180 píxeles para dispositivos iOS y Android
Ten en cuenta que puedes elegir entre 16×16 px y 32×32 px. Si no está demasiado preocupado por la marca, uno de esos tamaños de imagen debería ser suficiente.
Cuando crea un icono de favicon, es una buena idea seguir también estas prácticas recomendadas :
Deben ser simples y no demasiado estilizados para que sean fáciles de ver en tamaños pequeños.
Elija uno o dos colores para el esquema de color. A lo sumo, no más de tres colores .
Los íconos de Favicon deben estar en colores de 8 bits o de 24 bits.
El diseño de los íconos de favicon no debe incluir muchas líneas o letras.
Si bien puede tener un fondo transparente, es importante tener en cuenta que los dispositivos Apple no lo permiten.
Los íconos de Favicon deben corresponder a su marca y logotipo existentes .
Los 15 mejores generadores de Favicon gratis
Si está interesado en crear sus propios íconos de favicon que sean más simples, o simplemente desea cargar una imagen y tener el tamaño adecuado y convertirla en un archivo de imagen ICO, aquí hay varios generadores de favicon gratuitos.
No están en ningún orden en particular porque todas son excelentes opciones en las que puede crear un icono de favicon con unos pocos clics. Después de crear un favicon con cualquiera de estas opciones en línea, se pueden descargar y usar de forma gratuita.
Con este generador de favicons gratuito, puede crear íconos de favicons a partir de un texto, una imagen o un emoji.
Con la opción basada en texto, puede elegir el color y la forma del fondo, la familia y el tamaño de la fuente, así como el color de la fuente. El generador de Favicon utiliza Google Fonts, que tiene más de 800 fuentes disponibles.
Alternativamente, puede optar por cargar un archivo para que el generador de favicon lo transforme en el tamaño adecuado. O bien, puede descargar un icono de favicon emoji de una lista gigantesca de opciones.
El favicon generado funcionará para todos los navegadores y múltiples plataformas.
Este generador de favicon gratuito le ofrece la opción de cargar un archivo de imagen y elegir entre el tamaño estándar de 16 × 16 px para navegadores web o un tamaño más grande adecuado para Android, Microsoft e iOS.
Tiene la opción de conservar las dimensiones de la imagen actual en lugar de cambiar su tamaño a un cuadrado. Solo tenga en cuenta que mantener esta opción marcada o sin marcar puede sesgar el resultado final de su favicon.
Por lo tanto, es mejor asegurarse de que su imagen ya esté bastante cerca de ser cuadrada.
Este generador de favicon gratuito es bastante único porque es uno de los pocos en la lista que incluye una sección de vista previa del simulador de navegador para que pueda ver cómo se verá su ícono de favicon una vez que haya sido dimensionado y convertido.
También puede obtener tamaños para todos los navegadores, plataformas y la mayoría de las tecnologías.
Sin embargo, este generador de favicon solo tiene la opción de seleccionar una imagen para convertirla en un icono de favicon.
Con este generador de favicon gratuito, puede cargar una imagen para hacer un favicon, o puede crear su propio icono de favicon dibujando uno con el mouse.
Puede elegir los colores que desea usar con un selector de color, así como alternar la transparencia del icono de favicon.
También hay una opción para crear iconos de favoritos con una animación. Además, están disponibles configuraciones como poner la animación en un bucle, editar y eliminar fotogramas.
Este generador de favicon también tiene un modo de vista previa, para que pueda ver cómo se ve su favicon, una vez que esté listo.
Este es un sencillo generador de favicon gratuito en el que puedes cargar una imagen y luego elegir el tamaño que deseas que tenga. Es muy básico, pero es una buena opción cuando desea crear un ícono de favicon rápidamente sin preocuparse por la configuración y las opciones.
Con este generador, también puede crear favicons de retina que funcionan con dispositivos táctiles de Apple. Requiere un poco de trabajo extra, pero todas las instrucciones se detallan en su página web.
Favic-o-Matic genera favicons, tanto ICO como PNG (también transparentes).
Puede cargar una imagen con este generador de favicon gratuito y luego elegir si desea descargar un archivo ICO de 16 × 16 y 32 × 32 píxeles o incluir diferentes tamaños que sean compatibles con todos los dispositivos.
También hay configuraciones avanzadas como poder editar el color de fondo y algunas opciones de compatibilidad avanzadas.
El Generador de Favicon de Ionos le permite dibujar un ícono de favicon, usar iniciales o cargar una imagen que desee usar para crear un favicon.
El resultado es un favicon que funciona en todos los navegadores y dispositivos. También tiene un área de vista previa agradable donde puede ver rápidamente cómo se verá su favicon en vivo.
Dynamic Drive es otra herramienta sencilla y fácil de usar para generar favicons. Puede cargar archivos en formato JPG, GIF, PNG y BMP. Además, puede agregar un fondo transparente para archivos GIF y PNG.
Además, tienen una opción adicional para generar iconos de escritorio de 32×32 y XP de 48×28.
Logaster le ofrece la opción de crear un favicon ingresando el nombre de su empresa y haciendo clic en el botón “Crear un logotipo”. Después de eso, genera una selección de plantillas de logotipos que puede elegir y personalizar según sus necesidades. Para descargar su logotipo, primero debe registrarse con ellos
Además, Logaster tiene muchos paquetes pagos que le brindan más posibilidades para crear su favicon.
Aquí hay otra opción rápida cuando se trata de un generador de favicon gratis. Cuando carga una imagen para crear un favicon, puede elegir el tamaño de imagen que desea usar: 16 × 16, 32 × 32, 48 × 48, 64 × 64 y 128 × 128 píxeles.
FavIcon le permite convertir JPG, GIF, PNG a tipo de archivo ICO y puede usarlo para convertir íconos de aplicaciones, íconos de escritorio y favicons a sus sitios web.
Faviconr es otra opción simple y rápida para un generador de favicon gratuito.
Cargue un archivo JPG, PNG o GIF y elija si desea un fondo transparente (solo puede crear favicons transparentes si su archivo de origen también es un archivo PNG o GIF transparente). Haga clic en el botón, guarde el archivo y listo.
X-Icon Editor es perfecto si quieres crear tu favicon desde cero. Su editor se parece a la herramienta Paint, ya que tiene opciones de texto, pincel, borrador y más.
En caso de que ya tenga un ícono, puede importarlo a X-Icon y recortarlo a los tamaños disponibles. Antes de descargar su favicon, puede obtener una vista previa.
Antifavicon es una herramienta de código abierto y es un poco diferente de todos los demás generadores mencionados aquí, ya que utiliza texto en lugar de imágenes para generar favicons.
¿Como funciona?
Simplemente escriba su texto en la pestaña “Texto para renderizar” y modifique los colores, el fondo y el texto según sus necesidades. Antes de guardar el favicon, puede ver la vista previa en la pestaña “Su Favicon generado”.
Aunque Antifavicon es bastante limitado, sigue siendo una buena opción para las personas que quieren tener un favicon simple en cuestión de minutos.
FavICO es una última opción básica para un generador de favicon gratuito. Sube una imagen que quieras usar para hacer un favicon. Luego, elija entre un tamaño de 16 × 16 o 32 × 32 píxeles y presione crear. Y eso es.
Cómo instalar un icono de Favicon
Una vez que haya utilizado uno de los generadores de favicon gratuitos para crear un ícono de favicon, puede instalarlo para que se muestre en su sitio web.
Instalación de un ícono de Favicon para sitios regulares o que no son de WordPress
Primero, cargue el icono de favicon en la raíz de su servidor.
Luego, comenzando en la etiqueta <head> del archivo index.html, use el siguiente código oficial del W3C :
Solo asegúrese de cambiar “https://example.com/myicon.png” con el enlace real a su ícono de favicon.
Además, cambie “image/png” para reflejar el tipo de archivo de imagen que está utilizando para el favicon.
Estos son los tipos de imágenes para reemplazar “image/png” que son compatibles cuando se trata de crear un favicon:
Archivo de imagen PNG – imagen/png
Archivo de imagen GIF – imagen/gif
Archivo de imagen ICO : imagen/icono x
Archivo de imagen SVG : imagen/svg+xml
No olvides guardar el archivo.
En la mayoría de los casos, los generadores de favicon gratuitos enumerados anteriormente también generan el código que necesita que es específico para la configuración que eligió, como animaciones o compatibilidad. Entonces, si este código no funciona, puede consultar el generador de favicon que usó para crear un favicon para su sitio web.
Instalar un icono de Favicon automáticamente en WordPress
Para los sitios de WordPress, puede crear un ícono de favicon sin tener que usar uno de los generadores de favicon gratuitos enumerados anteriormente.
Puede usar cualquier imagen que desee siempre que tenga al menos 512 px de ancho.
Para instalarlo automáticamente, inicie sesión en su sitio de WordPress autohospedado y, en el panel de administración, vaya a Apariencia > Personalizar .
Después de que se cargue el Personalizador, haga clic en Identidad del sitio en el menú de la izquierda. Luego, en el icono del sitio , haga clic en Seleccionar imagen .
Puede crear automáticamente iconos de favicon en WordPress.
En la ventana emergente, haga clic en la pestaña Cargar archivos , luego en Seleccionar archivos . Elija una imagen que desee de su computadora.
Haga clic en Seleccionar , luego recorte la imagen, si es necesario, y haga clic en Recortar imagen . O bien, puede dejar la imagen tal como está y hacer clic en Omitir recorte.
Luego, guarde sus cambios haciendo clic en el botón Publicar en el Personalizador.
Instalar manualmente un Favicon para sitios de WordPress
Para instalar manualmente su favicon, que es un archivo ICO para WordPress, primero cargue el favicon en la raíz de su sitio web, así como en la raíz de su tema actual.
Asegúrese de que el archivo se llame “favicon.ico” o, de lo contrario, no se mostrará el icono de favicon.
Esto debería funcionar, pero es posible que algunos navegadores más antiguos no noten su favicon, por lo que hay un paso adicional que puede tomar para garantizar la compatibilidad.
Encuentre su archivo header.php a través de SFTP o el panel de control de su proveedor de alojamiento.
Ábralo y busque la línea de código que es similar al ejemplo a continuación:
...
<enlace rel="icono de acceso directo" ... /favicon.ico" />
...
...
<link rel="icono de acceso directo" href="<?php%20echo%20get_stylesheet_directory_uri();%20?>/favicon.ico" />
...
Guarda el archivo y listo.
Otros generadores de favicons gratis recomendados
Favikon Crea un favicon personalizado en solo tres pasos.
Getfavicon.org Buscador de favicons en cualquier página web. No todas las páginas tienen un archivo favicon.ico en la raíz del dominio. getfavicon.org es la forma más fácil de encontrarlo.
Faviconcc Completo creador de favicons donde puedes diseñar tu propio logo.
Genfavicon GenFavIcon es un servicio web 2.0 que permite la creación de iconos y favicon online totalmente gratis. Un favicon es un pequeño icono que puedes asociar a una página web para mostrarlo junto a la barra de direcciones de cualquier navegador.
FavIcon from Pics Herramienta online para crear favicons animados o normales a partir de cualquier imágen.
Algo tan pequeño como un ícono de favicon puede parecer insignificante al principio, pero ayuda con el reconocimiento de la marca y la experiencia del usuario. Estos generadores de favicon gratuitos deberían hacer el truco para crear sus propios iconos de favicon para agregar a su sitio web.
Puede crear automáticamente iconos de favicon en WordPress.
