Generador de faviconos de Apple

Crear optimizado Iconos táctiles de Apple Para iPhone, iPad y Safari. Genera todos los tamaños necesarios con transparencia e iconos de pestañas ancladas en Safari.

Suelta tu imagen aquí

o haga clic para explorar los archivos

PNG JPG GIF WEBP SVG
Las imágenes cuadradas de 180 px o más funcionan mejor

Cómo crear iconos táctiles de Apple

  1. Subir su logotipo PNG, JPG o SVG mediante arrastrar y soltar o el explorador de archivos.
  2. Seleccionar tallas Necesitas (180px para iPhones modernos, 152px para iPad, etc.).
  3. Vista previa Cómo aparecerá tu icono en las pantallas de inicio del iPhone y del iPad.
  4. Generar Su paquete completo de Apple Touch Icon.
  5. Descargar el ZIP y agrega los íconos a la carpeta raíz de tu sitio web.

Guía de tamaños de iconos de Apple

180 × 180
iPhone (iOS 7+)

iPhone 6 Plus, X y posteriores

167 × 167
iPad Pro

Pantalla de inicio del iPad Pro

152 × 152
iPad

iPad y iPad mini

120 × 120
iPhone Retina

iPhone con pantalla Retina

Dónde aparecen los iconos de Apple

pantalla de Inicio

Cuando los usuarios agregan su sitio web a la pantalla de inicio de su iPhone o iPad.

marcadores de Safari

Su icono aparece en los favoritos y en la lista de lectura de Safari.

Pestañas fijadas de Safari

Ícono SVG monocromático para la función de pestaña fijada de Safari.

App Switcher

Se muestra al cambiar entre aplicaciones web en iOS.

Pro consejo: Utilice diseños simples y reconocibles que se vean bien en tamaños pequeños. iOS agrega automáticamente esquinas redondeadas a su ícono.

Preguntas Frecuentes

Los iconos precompuestos indican a iOS que no les agregue efectos visuales (brillo, sombras). Esto te da control total sobre su apariencia. Recomendamos incluir ambas versiones.

Un icono SVG monocromático que aparece en las pestañas ancladas de Safari. Debe ser una silueta simple de tu logotipo. Nuestra herramienta lo crea automáticamente a partir de tu imagen.

El tamaño de 180×180 es esencial para los iPhones modernos. iOS lo reducirá para otros dispositivos si es necesario. Para obtener la mejor calidad en todos los dispositivos, incluya todos los tamaños recomendados.

Sube los íconos al directorio raíz de tu sitio web, luego agrega el código HTML que proporcionamos a tu página. <head> sección. El icono principal debe tener un nombre apple-touch-icon.png.