Apex Tools logoApex Tools

Conversores

Generador de favicon

Crea un favicon con letras o tu propia imagen, previsualízalo en tamaño real y descarga iconos PNG.

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Generador de favicon

Crea un favicon con letras o tu propia imagen, previsualízalo en tamaño real y descarga iconos PNG.

El Generador de Favicon es una herramienta fácil de usar para crear iconos de alta calidad para tu sitio web. Te permite diseñar favicons simples basados en texto o subir tu propia imagen, personalizar colores y ajustar la forma para que coincida perfectamente con la estética de tu marca.

Para usar la herramienta, escribe de 1 a 3 caracteres para tu icono, elige los colores de fondo y texto, y ajusta el deslizador de redondeo. Si lo prefieres, puedes subir tu propio archivo de imagen usando la entrada de carga. Una vez que estés satisfecho, haz clic en cualquiera de los botones de tamaño (16, 32, 48, 180, 192 o 512 px) para descargar tus iconos al instante.

Por ejemplo, si tu marca utiliza un esquema de color azul, puedes establecer el fondo en ese azul, elegir texto blanco con la inicial de tu marca y descargar un archivo de 32×32 píxeles para usarlo como icono de tu sitio web. La herramienta también proporciona un fragmento de HTML para añadir fácilmente los iconos a tu proyecto.

Recuerda que los navegadores almacenan favicons en caché, por lo que es posible que debas borrar los datos de tu sitio para ver los cambios después de actualizar. Este generador se ejecuta totalmente en tu navegador, asegurando que no se suban ni almacenen datos externamente.

Características principales

  • Generador de favicon 100% gratis y sin registro
  • Resultados instantáneos mientras escribes
  • Privado: funciona en tu navegador
  • Funciona en móvil, tableta y ordenador
  • Disponible en inglés, español, francés y árabe

Cómo funciona

La herramienta crea un favicon dibujando texto o una imagen en un elemento canvas oculto y exportándolo como un archivo PNG en la resolución seleccionada.

Ejemplo práctico

Escribe «A», elige fondo índigo con texto blanco y descarga el favicon de 32×32 y el icono de Apple de 180×180.

Preguntas frecuentes

¿Qué tamaños debo usar?

Los tamaños comunes son 16×16 para pestañas, 32×32 para uso estándar y 180×180 para dispositivos Apple.

¿Puedo usar fondos transparentes?

La herramienta establece un color de fondo para tu favicon. Para transparencia, edita tu imagen antes de subirla.

¿Por qué no cambia mi icono?

Los navegadores almacenan favicons en caché intensamente. Intenta borrar el caché o abrir el sitio en modo incógnito.

¿Es necesario el código HTML?

Sí, debes incluir las etiquetas de enlace proporcionadas en la sección <head> de tu sitio web para mostrar el icono.

¿Se almacenan mis imágenes subidas?

No, las imágenes se procesan en la memoria de tu navegador y nunca se suben a un servidor.

Herramientas relacionadas