Redimensiona imágenes para que no frenen una página
Los archivos de cámara suelen tener 5000 píxeles de ancho. Tu columna de artículo tiene 720. Servir el archivo de cámara desperdicia ancho de banda aunque lo comprimas después. Limita el ancho aquí y luego codifica.
- Rápido
- 100% privado
- Siempre gratis
- Cualquier navegador
Suelta las imágenes en cualquier parte de esta página
JPG, PNG, WebP, GIF, SVG, HEIC o AVIF. Tus fotos no salen de este dispositivo.
Cuándo usar esto
Redimensiona cuando la caja de píxeles es demasiado grande para el diseño. Comprime cuando la caja ya está bien y los bytes siguen siendo muchos.
1200 px de ancho es un valor por defecto sólido para entradas de blog y tarjetas de producto. Usa 2400 si la misma imagen se muestra a 1200 píxeles CSS en una pantalla 2×.
Para recortes y stories de Instagram, usa la página de redes sociales. Esa rellena un marco en lugar de encajar dentro de un ancho máximo.
Si además necesitas formatear JSON o revisar un token sin pegarlo en una web pública, usa ToolBuddy. Eso también se queda en el navegador.
Cómo hacerlo
- Suelta las fotos demasiado grandes.
- Pon el ancho máximo en 1200 o 1600. Deja el porcentaje vacío salvo que quieras una escala relativa.
- JPG o WebP alrededor de 0,85 basta para las fotos de un artículo.
- Sube el resultado a tu CMS. No subas además el original de 12 MB «por si acaso» al mismo hueco.
Consejos
- No amplíes nunca un logotipo de 400 px a 1200. Se verá borroso.
- Un ancho constante en toda una galería se ve más cuidado.
- Después de redimensionar, si los bytes siguen siendo muchos, pasa por Comprimir o convierte a WebP.
Relacionado
Preguntas frecuentes
- ¿Esto recorta la imagen?
- No. El ancho máximo conserva la foto completa y la escala hacia abajo.
- ¿Y la altura?
- La altura se ajusta automáticamente para que la foto no se deforme.
- ¿Alojáis el archivo redimensionado?
- No. Descárgalo y ponlo en tu propia web.