15 mejores generadores de Favicon gratis

Generadores Favicon gratuitos


Cuando se trata de su sitio web, su estrategia de marca es crucial para convertir a los visitantes en clientes. No se deben pasar por alto pequeños detalles. Esto incluye la necesidad de crear íconos de favicon y un generador de favicon gratuito puede ayudarlo a hacer estos.

Los favicons son los pequeños iconos de imagen 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 pueden incluir en un tipo de archivo favicon ICO. En la mayoría de los casos, también puede establecer un archivo PNG como icono de favicon.

Los favicons son esenciales porque los usuarios buscan constantemente información en varios sitios web a la vez en pestañas. Favicons ayuda a los usuarios a identificar el contenido y la marca más rápido para una experiencia de usuario más atractiva.

Entonces, aquí hay 15 herramientas en línea gratuitas del generador de favicon, así como más detalles sobre cómo crear íconos de favicon e instalarlos.

Vamos a profundizar en.

Mejores prácticas en línea del archivo ICO de Favicon Generator

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 iconos que, al igual que hoy, se mostraban con un título de sitio web en la parte superior de un navegador.

Excepto, se mostraban originalmente cuando un usuario agregaba un sitio web a su carpeta de “favoritos”. Los navegadores modernos se refieren a esta carpeta como sus marcadores.

Un ícono de favicon debe ser de cierto tamaño. De lo contrario, los navegadores y dispositivos no los usarán.

Los tamaños mínimos que necesita 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

Tenga en cuenta que puede 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.

Para más detalles, consulte el Favicon Cheat Sheet.

Cuando crea un ícono de favicon, es una buena idea seguir también estas mejores prácticas:

  • 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 o 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.

Crear un logotipo rápidamente si no tiene uno

Como se mencionó anteriormente, es una buena idea tener su ícono de favicon vinculado a su marca y logotipo actual. Si aún no tiene uno, puede hacerlo rápidamente, por ejemplo, con el TailorBrand Logo Maker.

Puede generar un logotipo para usted con la ayuda de una IA. Después de responder algunas preguntas simples y rápidas sobre el estilo del logotipo que desea, incluida la fuente, y luego registrarse para obtener una cuenta gratuita, se generan varios logotipos modernos, profesionales y de alta calidad.

Un ejemplo generó el logotipo del sitio web TailorBrand.
Un ejemplo de logotipo y alternativas hechas con TailorBrand Logo Maker.

Si encuentra un logotipo que le gusta, puede actualizar a una cuenta premium para descargarlo. Sin embargo, puede descargar una versión del icono favicon del logotipo de forma gratuita.

Hemos enumerado 15 creadores de logotipos en línea gratuitos si desea ver otras opciones también.

Los mejores generadores de Favicon gratuitos: herramientas en línea

Si desea crear sus propios íconos de favicon que sean más simplistas, o simplemente desea cargar una imagen y tener un tamaño adecuado y convertirla en un archivo de imagen ICO, aquí hay varios generadores de favicon gratuitos.

No están en un orden particular porque son todas excelentes opciones en las que puedes crear un ícono de favicon con unos pocos clics. Después de hacer un favicon con cualquiera de estas opciones en línea, se pueden descargar y usar de forma gratuita.

1) Favicon.io

El generador favicon.io favicon gratis

Con este generador de favicon gratuito, puede crear íconos de favicon 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 Favicon utiliza fuentes de Google que tienen más de 800 fuentes disponibles.

Alternativamente, puede optar por cargar un archivo para el generador de favicon para transformarlo en el tamaño apropiado. O bien, puede descargar un ícono de emoji favicon de una gigantesca lista de opciones.

El favicon generado funcionará para todos los navegadores y múltiples plataformas..

2) Favicon-Generator.org

El sitio web de Favicon Generator para hacer un favicon.

Este generador de favicon gratuito le brinda 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 retener las dimensiones actuales de la imagen en lugar de cambiar su tamaño a un cuadrado. Solo tenga en cuenta que mantener esta opción marcada o desmarcada puede sesgar el resultado final de su favicon.

Por lo tanto, es mejor asegurarse de que su imagen ya esté bastante cerca de ser un cuadrado.

3) Real Favicon Generator

El sitio web Real Favicon Generator para crear íconos de favicon.

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 se haya 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 ícono de favicon.

4) Favicon.cc

El sitio web Favicon.cc

Con este generador de favicon gratuito, puede cargar una imagen para hacer un favicon o puede crear un icono de favicon propio 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 íconos de favicon con una animación. Además, están disponibles configuraciones como poner la animación en un bucle, editar y eliminar cuadros..

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.

5) FaviconGenerator.com

Una opción de generador de favicon gratis.

Este es un simple generador de favicones gratuito donde puede cargar una imagen y luego elegir el tamaño que desea. Es muy básico, pero es una buena opción cuando quieres crear un ícono de favicon rápidamente sin preocuparte por la configuración y las opciones..

Con este generador, también puede hacer favicons de retina que funcionen con dispositivos táctiles de Apple. Requiere un poco de trabajo extra, pero todas las instrucciones están detalladas en su página web..

6) Favicomático

El sitio web de Favicomatic, un generador de favicones gratuito.

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.

7) Ionos Favicon Generator

El sitio web gratuito del generador de favicon de Sonos

Ionos Favicon Generator te permite dibujar un ícono de favicon, usar iniciales o subir una imagen que quieras usar para hacer 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.

8) Generador de Planet Favicon del sitio web

Generador de favicones gratuito del sitio web Planet Planet para hacer un favicon.

Este generador de favicon gratuito ofrece las opciones para cargar una imagen (ya sea JPG, PNG o GIF), o elegir de una galería gratuita de favicons prefabricados.

Puede ser importante tener en cuenta que si está buscando crear íconos de favicon para su negocio, es probable que desee crear un favicon que sea su logotipo o similar. Cuando haces esto, proporciona una apariencia más coherente que es más memorable.

Por lo tanto, elegir una de las imágenes prefabricadas puede no ser una buena opción, especialmente porque otros sitios pueden usar exactamente la misma que usted eligió.

9) RedKetchup Favicon Generator

El sitio web de Red Ketchup Favicon Generator

Para este generador, hay una opción para cargar una imagen o crear una con texto.

Si crea iconos de favicon con texto, hay muchas configuraciones, incluido el cambio de la familia de fuentes, el tamaño de fuente, el color de fondo, el color del texto y hay una escala ajustable para alternar el borde entre un cuadrado y un círculo. Por lo tanto, puede escalar el borde para tener bordes redondeados de redondez variable.

También hay más opciones de compatibilidad entre dispositivos..

10) Genfavicon

Cree íconos de favicon con el generador de favicon gratuito del sitio web de Genfavicon.

Este generador de favicon gratuito es único porque cuando cargas una imagen, tienes la opción de recortar para convertirla en un favicon.

También hay una ventana de vista previa para ver cómo se verá su nuevo ícono de favicon en vivo en el navegador de un usuario.

Puede seleccionar entre las opciones de tamaño: 16 × 16, 32 × 32, 48 × 48, 64 × 64 y 128 × 128 píxeles.

11) FavIcon.pro

Cree íconos de favicon con el generador de favicon gratuito del sitio web de Favicon.pro.

Aquí hay otra opción rápida cuando se trata de un generador de favicones gratuito. Cuando cargas una imagen para crear un favicon, puedes elegir el tamaño de imagen que deseas usar: 16 × 16, 32 × 32, 48 × 48, 64 × 64 y 128 × 128 píxeles.

FavIcon le permite convertir JPG, GIF, PNG al tipo de archivo ICO y puede usarlo para convertir íconos de aplicaciones, íconos de escritorio y favicons en sus sitios web.

12) Faviconr

Puedes hacer un icono de favicon con el generador de faviconr gratuito de Faviconr.

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 fuente también es un archivo PNG o GIF transparente). Haz clic en el botón, guarda el archivo y listo.

13) ICOConvert

El sitio web de IcoConvert

Este generador de favicon gratuito es bastante único porque después de cargar una imagen que desea usar para hacer un favicon, puede recortarlo y peinarlo.

Hay opciones para dar forma al borde en diferentes formas, incluyendo un cuadrado, en forma de corazón, cuadrado descentrado, un círculo, un corazón o cuadrado inclinado, y una opción para elegir un borde blanco.

También puede optar por descargar el favicon como un archivo ICO o PNG con múltiples opciones de tamaño que incluyen 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192 y 256 × 256 píxeles. También hay una opción para crear íconos de favicon para computadoras con Windows 7, 8, Vista y XP.

Este generador de favicon gratuito también incluye opciones para comprimir y convertir archivos de PNG a SVG.

14) Wizlogo Favicon Generator

El generador de favicon gratuito de Wizlogo para crear íconos de favicon

Wizlogo es otra opción simple para un generador de favicon gratuito. Todo lo que necesita hacer es seleccionar una imagen para cargar, luego seleccione un archivo ICO de 32 × 32 o un icono de favicon para web, iOS, Windows y Android. Y tu estas listo.

Wizlogo puede usarse como creador de logotipos gratuito también.

15) Favico

El sitio web de Favico

FavICO es una opción básica final 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 ícono 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 pueda mostrar en su sitio web.

Para sitios normales o que no son de WordPress, primero, cargue el icono de favicon en la raíz de su servidor.

Luego, comenzando en el etiqueta del archivo index.html, use el código oficial a continuación del W3C:

...


...

Solo asegúrese de cambiar “https://example.com/myicon.png” con el enlace real a su icono 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 – icono de imagen / x
  • Archivo de imagen SVG – imagen / svg + xml

No olvides guardar el archivo.

En la mayoría de los casos, los generadores de favicones gratuitos enumerados anteriormente también generan el código que necesita que sea 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 utilizó para hacer un favicon para su sitio web.

Instalación automática de un icono de Favicon 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.

Puedes usar cualquier imagen que desees 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. Entonces, debajo Ícono del sitio, hacer clic Seleccionar imagen.

El personalizador en WordPress
Puedes crear automáticamente íconos de favicon en WordPress.

En la ventana emergente, haga clic en el Subir archivos pestaña, luego en Seleccione archivos. Elige la imagen que quieras de tu computadora.

Hacer clic Seleccione, luego recorte la imagen, si es necesario, y haga clic en Delimitar imagen. O bien, puede dejar la imagen como está y hacer clic Saltar recorte.

Luego, guarde sus cambios haciendo clic en el Publicar botón en el Personalizador.

Instalar manualmente un Favicon para sitios de WordPress

Para instalar manualmente su favicon que es un archivo ICO para WordPress, primero suba el favicon a la raíz de su sitio web, así como a la raíz de su tema actual.

Asegúrese de que el archivo se llame “favicon.ico” o de lo contrario el ícono de favicon no se mostrará.

Esto debería ser suficiente, pero algunos navegadores antiguos pueden no notar 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.

Ábrelo y busca la línea de código que sea similar al siguiente ejemplo:

...

...

Entonces, reemplácelo con el siguiente código o agréguelo si no está allí:

...

...

Guarde el archivo y ya está.

Terminando

Algo tan pequeño como un ícono de favicon puede parecer insignificante al principio, pero ayuda con el reconocimiento de marca y la experiencia del usuario. Estos generadores de favicon gratuitos deberían hacer el truco para crear íconos de favicon propios para agregar a su sitio web.

¿Algo que nos hayamos perdido? Deja un comentario abajo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me