Redimensiona imágenes para la web sin subirlas

Las páginas web no necesitan tu original de 12 MP. Servir un JPEG de 3600 píxeles en una columna de 720 desperdicia ancho de banda y retrasa el Largest Contentful Paint. web.dev sobre imágenes responsivas sigue siendo el modelo mental correcto: envía los píxeles que el diseño va a mostrar de verdad.

Elige un recuadro concreto, no una intuición

• Cabecera de blog: 1920 px en el lado largo alcanza para la mayoría de los temas.
• Figura en el cuerpo: 1200 px de ancho, y deja que CSS reduzca.
• Avatar o logo: el tamaño en pantalla por 2, para pantallas 2×.
• Anuncio en un marketplace: sigue el recuadro de píxeles que documenta el host, y después comprime.

Cómo redimensiona StackImage

Puedes fijar un ancho, un alto o un lado largo, y conservar la proporción. El navegador dibuja el bitmap en un canvas más pequeño y recodifica el resultado. Es un remuestreo de buena calidad para fotos de todos los días. No es el flujo propietario de nitidez de Lightroom. Se rechazan imágenes de más de 32 megapíxeles o 50 MB para que la pestaña se mantenga estable.

1. Abre Redimensionar imagen y suelta el archivo.
2. Indica el ancho, el alto o el lado largo de destino.
3. Previsualiza y descarga. Pasa por Comprimir después si la recodificación sigue pesada.

Redimensionar no es recortar, ni ampliar

Recortar cambia el encuadre. Redimensionar cambia la cuadrícula de píxeles. Ampliar inventa píxeles con un modelo y es otra herramienta: las fotos típicas de celular corren a 2×, y los fotogramas más grandes se ajustan primero. Si necesitas un cuadrado 1:1 de Instagram, recorta primero y luego redimensiona a 1080.

Fuentes