Redimensionar imágenes WebP
Redimensiona tus imágenes WebP al ancho con que realmente se muestran en tu diseño, para que las páginas no descarguen más píxeles de los que enseñan.
Cómo redimensionar imágenes WebP
- 01.
Agrega tus imágenes WebP.
- 02.
Escribe el ancho y el alto de destino, o elige una medida predefinida.
- 03.
Procesa y descarga.
Ajusta al tamaño en pantalla
Una imagen de 4000 píxeles mostrada en una columna de 800 desperdicia ancho de banda. Redimensionar los WebP al ancho en que se muestran, o al doble para pantallas de alta densidad, mantiene las páginas rápidas.
Proporciones y transparencia
Encajar sin recortar coloca cada imagen dentro de tu marco sin deformarla; Recortar a medida exacta llena justo la forma de un banner. En ambos casos las zonas transparentes se conservan.
Anchos para diseños web habituales
Exporta al doble del ancho en pantalla para que las imágenes se vean nítidas en pantallas de alta densidad:
| Imagen en tu diseño | Ancho en pantalla | Ancho a exportar |
|---|---|---|
| Banner a todo el ancho | 1920 px | 1920 px (o 2560 px para pantallas muy grandes) |
| Columna de contenido | 800 px | 1600 px |
| Imagen de producto o tarjeta | 400 px | 800 px |
| Imagen de vista previa de enlace | 1200 × 630 px | 1200 × 630 px |
Problemas comunes y cómo resolverlos
La imagen se ve borrosa en celulares
Se exportó justo al ancho en pantalla. Los celulares necesitan cerca del doble de píxeles; exporta al doble del ancho del diseño.
La forma del banner no coincide con mi plantilla
Escribe la medida exacta del banner y elige “Recortar a medida exacta”. La vista previa muestra qué parte se conserva.
Las páginas siguen lentas
Después de redimensionar, continúa a Comprimir y elige una calidad de 75–85.
🔗 Sigue sin volver a subir el archivo
Termina con Comprimir para elegir la calidad final y ver el peso exacto del archivo.
Herramientas relacionadas
Preguntas frecuentes
Respondemos tus dudas sobre privacidad, funciones y límites.