Elegir formato de exportación para un mockup

Tres formatos cubren todo lo que exportarás de una herramienta de mockups, y la elección se reduce a dos preguntas: ¿necesita transparencia? y ¿va a una tienda con normas propias? Equivocarse produce o bien una subida rechazada, o bien una página innecesariamente pesada.

PNG para tiendas y para todo lo que lleve transparencia

PNG es sin pérdida, admite alfa y se acepta en todas partes. Úsalo para capturas de tienda, iconos y cualquier mockup que vayas a componer después sobre otro fondo. Su punto débil es el tamaño con contenido fotográfico, pero un dispositivo sobre un degradado es justo el tipo de imagen que PNG comprime bien, así que rara vez es un coste real. Recuerda que las capturas de tienda no pueden llevar alfa: aplana antes de exportar aunque el formato lo permita.

JPEG cuando el archivo es grande y domina el color plano

JPEG no tiene alfa y pierde detalle, pero a calidad alta resulta invisible en la mayoría de los renders de producto y puede pesar una fracción. Es la opción correcta para gráficos de funciones grandes y para imágenes web donde el ancho de banda importa más que el borde perfecto. Vigila las bandas en degradados suaves, que es donde primero se ven sus artefactos, y no exportes nunca un JPEG desde otro JPEG: vuelve al original.

WebP para la web, con mentalidad de alternativa

WebP da archivos más pequeños que los otros dos a calidad comparable y admite transparencia, así que es la opción sensata por defecto para tu propia web. No se acepta en las subidas a las tiendas, así que mantén separados esos exportes. Si exportas desde una herramienta de navegador, guardar un PNG maestro por recurso y convertir a WebP para el sitio te deja un original sin pérdida para cuando cambie el diseño.