Herramienta de imagen

Crea todos los iconos esenciales desde una sola imagen

Previsualiza el resultado, ajusta el encaje y descarga iconos para navegador, Apple y aplicaciones instalables con los archivos necesarios para conectarlos.

Sin subir imágenes
ICO, PNG y manifiesto web
Vistas de navegador y aplicación

Paso 1 · Añade una imagen

Elige la imagen que representará tu sitio o aplicación

Usa una imagen cuadrada si es posible. Se admiten archivos PNG, JPG, WebP, HEIC, HEIF y SVG.

La imagen permanece en este dispositivo y se libera al sustituirla o cerrar la página.

También puedes soltar una imagen en esta zona.

No se pudo crear el paquete{{ errorMessage }}

Paso 2 · Da forma a los iconos

Ajusta una vez y revisa cada destino

Imagen original

{{ source.file.name }} {{ t('editor.dimensions', { width: source.width, height: source.height }) }}

La imagen es menor de 512 × 512 píxeles. Los iconos grandes pueden verse poco nítidos.

Aspecto de los iconos

¿Cómo debe encajar la imagen? Mostrar la imagen completaConserva toda la imagen y deja ver el fondo alrededor. Llenar el iconoLlena el cuadrado y puede recortar los bordes.

{{ t('editor.artworkSize', { value: artworkSize }) }} Fondo de los iconos {{ backgroundColor }} Mantener transparente el fondo de los faviconsLos iconos de Apple y de aplicación siguen usando el fondo elegido. {{ t('editor.maskableSize', { value: maskableSafeArea }) }} Mantén lo importante dentro de la guía. Los dispositivos pueden recortar el exterior en forma de círculo u otra figura.

Detalles del manifiesto

Estos valores se escriben en site.webmanifest.

Nombre de la aplicación Nombre corto URL de inicio

Color del tema {{ themeColorError }}

Modo de visualización

Vistas previas en directo

Pestaña del navegador

Pantalla de inicio de Apple

Icono de aplicación adaptable

Zona segura

No se pudo crear el paquete{{ errorMessage }}

{{ statusMessage }}

{{ t('result.fileCount', { count: resultFiles.length }) }}

Paquete de iconos listo

Diez archivos generados están listos para añadirlos a tu sitio.

Archivos del paquete

{{ file.name }}{{ formatBytes(file.blob.size) }}

Añade esto dentro del <head> de tu página

Suelta la imagen aquí

Qué incluye

Un paquete compacto para navegadores y dispositivos actuales

Iconos del navegador

favicon.ico contiene imágenes de 16, 32 y 48 píxeles, con archivos PNG separados de 16 y 32 píxeles.

Icono táctil de Apple

Un PNG de 180 píxeles con fondo sólido está listo para Añadir a pantalla de inicio.

Iconos de aplicaciones instalables

El manifiesto incluye iconos estándar de 192 y 512 píxeles y versiones adaptables separadas preparadas para el recorte del dispositivo.