Generador de apple-touch-icon
Crea el apple-touch-icon de 180×180 que iOS usa para los marcadores de pantalla de inicio —más un conjunto completo de favicon— localmente en tu navegador. No se sube nada.
La privacidad es lo primero: cada imagen se procesa localmente en tu navegador. Nada se sube, almacena ni transmite a ningún servidor.
El icono que iOS pone en la pantalla de inicio
Cuando alguien añade tu sitio a la pantalla de inicio de su iPhone o iPad, iOS busca un apple-touch-icon de 180×180; sin él recurre a una captura borrosa. Este generador renderiza ese tamaño exacto a partir de tu imagen —con un fondo sólido, ya que los apple-touch-icon no deben ser transparentes— y lo incluye en la descarga junto al favicon.ico y los iconos de Android.
Una exportación, todas las plataformas
En lugar de recortar a mano un archivo distinto por dispositivo, genera todo el conjunto de una vez: apple-touch-icon para iOS, PNG de 192 y 512px para Android y PWA, y favicon.ico para navegadores de escritorio, con un fragmento HTML para referenciarlos. Todo se ejecuta en tu navegador, así que tu arte de marca nunca sale de tu dispositivo.
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.