Generador de favicons

Crea un juego completo de favicons —ICO, tamaños PNG, icono de Apple, manifiesto web— a partir de una imagen, directamente en tu navegador.

Acerca de Generador de favicons

Qué es

Esta herramienta convierte una imagen en todos los iconos que necesita una web: favicon.ico, PNG de 16 a 512 píxeles, el icono de Apple y un manifiesto de aplicación web, además del HTML para el <head>. Las vistas previas muestran el icono en una pestaña del navegador y en las pantallas de inicio de iOS y Android. A partir de un SVG también genera un icon.svg vectorial limpio.

Funciones principales

  • favicon.ico, PNG de 16, 32, 180, 192 y 512 px y site.webmanifest en un ZIP.
  • Un icon.svg vectorial cuando el origen es un SVG.
  • Vistas previas para una pestaña del navegador, la pantalla de inicio de iOS y Android.
  • Margen, fondo transparente o de color, nombre de la app, nombre corto y color del tema.
  • El fragmento HTML para el <head>.

Cómo usarlo

  1. Suelta una imagen en la zona, haz clic en ella para elegirla o pulsa «Ejemplo».
  2. Ajusta el margen y el fondo y, si quieres, el nombre de la app y el color del tema.
  3. Revisa las vistas previas.
  4. Descarga el ZIP y copia el fragmento HTML en el <head> de tu página.

Cuándo es útil

  • Dar a una web o app nueva sus iconos en unos minutos.
  • Sustituir un favicon borroso o que falta.
  • Crear el icono de pantalla de inicio de una aplicación web progresiva.

Privacidad y limitaciones

Tus datos

Tu imagen se procesa en el navegador y no se sube a ningún servidor: el sitio solo recibe un evento anónimo de «herramienta abierta», sin el contenido. Un resultado que envías a otra herramienta se queda 24 horas en este dispositivo, en «Actividad reciente».

Limitaciones

  • Un origen rasterizado de menos de 512 px se verá suave en los tamaños más grandes; la herramienta te avisa.
  • Una imagen que no es cuadrada se encaja centrada en el cuadrado, sin estirarla.

Preguntas frecuentes

¿Qué archivos obtengo?

favicon.ico para navegadores antiguos, los PNG favicon-16x16 y favicon-32x32 para pestañas, apple-touch-icon.png para iOS, PNG de 192 y 512 px para Android y el manifiesto, site.webmanifest y, con un origen SVG, icon.svg.

¿Qué imagen de origen funciona mejor?

Un SVG cuadrado o un PNG de al menos 512 × 512 px con una forma sencilla. Los detalles finos desaparecen a 16 px, así que un símbolo marcado se lee mejor que un logotipo completo con texto.

¿Cómo añado los iconos a mi web?

Descomprime el ZIP en la raíz de tu web y pega el fragmento HTML en el <head> de tus páginas.