Crear iconos de aplicación
Genera en un ZIP favicons clásicos, el icono Apple Touch, iconos Android/PWA y un manifiesto web.
Herramientas de imagen para desarrollo web
Genera favicon, iconos PWA, srcset y recursos de imagen web
Crea localmente ZIP de iconos listos para instalar, conjuntos WebP adaptables, marcadores LQIP/URI de datos, hojas de sprites, pixel art y vistas previas de texturas.
Favicon + PWATool Office
Srcset adaptableTool Office
LQIP / Base64Tool Office
Sprites CSSTool Office
Generador de recursos de imagen web
Un único flujo para desarrollo genera variantes de imagen y fragmentos de código, sin páginas distintas para cada tamaño de icono o formato de marcador.
Cargando herramienta
Cargando herramienta
Cómo preparar recursos de imagen para un sitio web
Empieza con una imagen de origen limpia, elige la familia de recursos y descarga nombres de archivo coherentes junto con un fragmento de implementación.
Crear imágenes adaptables
Exporta varias anchuras WebP y copia un fragmento srcset/sizes para que el navegador seleccione el recurso adecuado.
Crear vistas previas ligeras
Usa un color dominante y un URI de datos pequeño y desenfocado mientras se carga la imagen completa.
Resultados listos para desarrollo
El ZIP exportado reúne recursos y código para reducir errores de nombres e instalación.
Paquete de tamaños estándar
Genera tamaños habituales para navegadores, Apple y PWA a partir de una imagen cuadrada.
Ayudas de rendimiento
Las anchuras adaptables y los marcadores evitan enviar una única imagen sobredimensionada a todos los dispositivos.
Utilidades creativas
Crea o divide hojas de sprites, escala pixel art y revisa las uniones de texturas repetibles.
Preguntas frecuentes sobre recursos de imagen web
¿Qué tamaños de favicon e iconos PWA incluye el paquete?
Incluye favicons de 16, 32 y 48 px, un icono Apple Touch de 180 px e iconos Android/PWA de 192 y 512 px.
¿Cómo ayuda un srcset adaptable?
Proporciona al navegador varias anchuras y datos sobre el diseño para que elija el recurso adecuado al espacio disponible y a la densidad de píxeles.
¿Los marcadores Base64 siempre son más rápidos?
No. Evitan una solicitud adicional para una vista previa pequeña, pero aumentan los bytes del HTML o CSS. Mídelos en la página real.