Exportar imágenes para la web: tamaño, formato y calidad
Cómo preparar una imagen para pantalla: fijar primero las dimensiones, elegir entre PNG, JPEG y WebP, y evitar remuestreos innecesarios.
Lo primero que hay que decidir al exportar no es el formato, sino el tamaño de visualización. Exportar un diseño de 3000 px y reducirlo con CSS desperdicia transferencia y trabajo de decodificación. Reduce el documento al tamaño de salida y exporta entonces.
La elección de formato es simple: PNG para arte plano con transparencia, JPEG para fotografías, WebP o AVIF si buscas un término medio. PNG no tiene control de calidad porque es sin pérdida; solo se ajustan dimensiones y profundidad de color. En el editor PhotoPSD puedes reducir, aplanar y exportar a PNG, JPEG o WebP en la misma pantalla. PSD a PNG cubre el aplanado y la comparación de formatos la codificación.
Cambiar el tamaño después de exportar añade un remuestreo y suaviza líneas finas y texto. Incluso para versiones @2x, conviene exportar desde el documento original a las dimensiones objetivo.
Pruébalo con tu propio archivo
Abre un PSD por capas y comprueba cómo los paneles corresponden a lo que acabas de leer.