Convierte una imagen en favicon
Convierte una foto o un logo en un conjunto completo de favicon —favicon.ico, apple-touch-icon y PNG de app web— directamente en tu navegador, sin subir nada.
La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.
De una sola imagen a un conjunto completo
Suelta cualquier imagen y recibe todos los iconos que necesita un sitio: un favicon.ico multitamaño para las pestañas, un apple-touch-icon de 180px para iOS, PNG de 192 y 512px para Android y PWA, un manifiesto web y el HTML para enlazarlos. Las imágenes no cuadradas se recortan al centro para ajustarse, y los controles de forma, relleno y fondo te permiten encuadrar el resultado.
Privado por diseño
Los sitios de favicon suelen subir tu arte antes de devolver nada. Aquí todo el conjunto se genera en tu dispositivo con la Canvas API, así que tu logo nunca se transmite, almacena ni registra. Es instantáneo, funciona sin conexión una vez cargado, y lo que descargas es exactamente lo que produjo tu navegador.
Preguntas frecuentes
- ¿Se sube mi imagen para crear el favicon?
- No. El favicon.ico, los iconos PNG y el manifiesto se generan todos localmente en tu navegador con la API Canvas. Tu imagen nunca sale de tu dispositivo.
- ¿Qué tamaños y archivos obtengo?
- Un favicon.ico multirresolución (16, 32 y 48px), iconos PNG a 16, 32, 48, 180 (apple-touch-icon), 192 y 512px, un site.webmanifest y un fragmento de HTML para pegar en tu <head>.
- ¿Puedo convertir un PNG o SVG a ICO?
- Sí. Suelta un PNG, JPG, SVG o WebP y descarga un favicon.ico real. Los logos SVG se rasterizan primero localmente a alta resolución.
- ¿Qué imagen funciona mejor?
- Una imagen cuadrada con un logo sencillo y de alto contraste. Las imágenes no cuadradas se recortan desde el centro para encajar; usa los controles de relleno y forma para encuadrarla como quieras.
- ¿Cómo instalo el favicon?
- Descomprime el paquete en la carpeta raíz de tu sitio y pega el fragmento de HTML proporcionado en el <head> de tus páginas. La mayoría de los navegadores detectan el favicon.ico automáticamente.