PNG, JPG y WebP: ¿qué formato de imagen deberías utilizar?

Utilice JPG para fotografías, PNG cuando necesite transparencia o imágenes con texto y líneas nítidos, y WebP cuando desee archivos más pequeños y su público utilice navegadores modernos. En la práctica, casi todas las decisiones importantes se reducen a dos preguntas: ¿la imagen tiene un fondo transparente? ¿y es una fotografía o un gráfico?

JPG (también conocido como JPEG) utiliza una compresión con pérdida de datos. Elimina información de la imagen que probablemente no percibirá el ojo humano, lo que reduce drásticamente el tamaño de los archivos de fotografía en comparación con los píxeles originales. Para una foto de playa o un retrato con degradados suaves y miles de colores, esto es exactamente lo que se necesita, y la pérdida de calidad suele ser imperceptible.

El formato JPG tiene dos desventajas importantes. En primer lugar, no cuenta con un canal alfa, por lo que cada píxel es opaco y no hay transparencia. En segundo lugar, no maneja bien los bordes definidos: si se coloca texto negro o una línea recta sobre un fondo uniforme, el formato JPG añade halos borrosos y con forma de bloques alrededor de los bordes, que son los llamados artefactos de compresión. Por eso, una captura de pantalla de un documento guardado en formato JPG se ve borrosa, mientras que la misma captura guardada en formato PNG se mantiene nítida.

PNG utiliza una compresión sin pérdida. Reduce el tamaño del archivo sin eliminar ningún dato de píxel, por lo que lo que se introduce es exactamente lo que se obtiene. Esto lo hace ideal para logotipos, iconos, capturas de pantalla, diagramas y cualquier imagen con texto o bordes definidos, sin los efectos borrosos que produce JPG.

La característica principal de PNG es su canal alfa completo: los píxeles pueden ser totalmente transparentes, totalmente opacos o tener cualquier grado de transparencia intermedio. De esta manera, un logotipo se integra perfectamente en cualquier color de fondo. La desventaja es el tamaño. Para una fotografía a todo color, un archivo PNG suele ser varias veces más grande que un archivo JPG equivalente, ya que la compresión sin pérdida simplemente no puede reducir tanto el tamaño de una fotografía con mucho ruido. Utilice PNG cuando necesite transparencia o bordes perfectamente definidos, no para fotos de vacaciones.

WebP es el formato más reciente de Google y admite tanto un modo con compresión con pérdida (similar a JPG) como la transparencia (similar a PNG), generalmente con un tamaño de archivo menor que cualquiera de los dos. Una foto en formato WebP suele ser notablemente más pequeña que una imagen JPG de calidad similar, y un gráfico en formato WebP con transparencia suele ser más pequeño que el PNG. Por eso, cada vez más sitios web utilizan el formato WebP.

El problema radica en la compatibilidad. WebP funciona en todos los navegadores modernos, pero los navegadores muy antiguos y algunas aplicaciones de escritorio, clientes de correo electrónico y editores de imágenes más antiguos aún no lo admiten. Si vas a publicar contenido en un sitio web moderno, WebP es una excelente opción predeterminada. Si vas a enviar un archivo por correo electrónico a un cliente o a entregárselo a alguien que utiliza un software desconocido, JPG o PNG son opciones más seguras. También existe AVIF, un formato aún más reciente que ofrece una compresión aún mejor, pero su compatibilidad es más limitada, por lo que es mejor considerarlo como una opción adicional en lugar de la predeterminada.

Primera trampa: convertir un archivo PNG a JPG elimina la transparencia. El formato JPG no tiene un canal alfa, por lo que cada píxel transparente debe convertirse en un píxel opaco. Las herramientas rellenan esas áreas transparentes con un color sólido, y el blanco suele ser la opción predeterminada. El convertidor de FileTinker hace exactamente esto: cuando convierte a JPG (o a GIF o BMP), cualquier área transparente se rellena sobre un fondo blanco. Si su logotipo tenía esquinas transparentes, estas aparecerán en blanco. Esto no es un error, es inevitable al usar el formato JPG. Para conservar la transparencia, convierta el archivo a PNG o WebP.

Trampa número dos: guardar repetidamente un archivo JPG lo deteriora. Dado que el formato JPG es de compresión con pérdida de calidad, cada vez que se guarda, se elimina una pequeña cantidad de datos. Abra un archivo JPG, realice una pequeña edición, guárdelo como JPG y repita este proceso varias veces, y obtendrá una pérdida de calidad visible, el efecto de «copia de una copia». Los colores se vuelven más apagados y se acumulan artefactos. Lo mismo ocurre con el formato WebP con compresión con pérdida de calidad. La solución es conservar la copia original en un formato sin pérdida de calidad (PNG o el archivo original de la cámara) y exportar a JPG o WebP solo una vez, al final.

Las herramientas de FileTinker para convertir imágenes y comprimirlas funcionan íntegramente en su navegador, por lo que no se sube ningún archivo, pero es útil saber qué hacen con sus píxeles para que no se sorprenda.

El convertidor decodifica la imagen, la dibuja en un lienzo y la vuelve a codificar en el formato de destino. La salida en formato PNG no tiene pérdida de calidad, por lo que la conversión a PNG conserva cada píxel exactamente. Sin embargo, la salida en formato JPG, WebP y AVIF se codifica con una calidad fija de aproximadamente 0,92, lo que implica una pérdida de calidad. Esto significa que convertir una foto a JPG o WebP implica una nueva codificación, no una copia perfecta, y guardarla repetidamente sigue acumulando pérdida de calidad. Esto es normal para estos formatos, y 0,92 es una configuración de alta calidad, pero no es una solución mágica: no existe una conversión a JPG o WebP sin pérdida de calidad. AVIF solo se ofrece cuando el navegador puede codificarlo (Chrome y Edge en la actualidad, no Firefox), por lo que aparece como una opción, no como una garantía.

La herramienta Comprimir imagen conserva el formato original cuando el navegador puede volver a codificarlo (JPG, PNG o WebP) y, en caso contrario, recurre a JPG. Además, se niega a devolver un archivo que no sea realmente más pequeño: si la nueva codificación no logra reducir el tamaño del archivo original, conserva el archivo original sin modificarlo en lugar de devolver un archivo más grande como si fuera más pequeño.

Cuando te encuentres frente a la ventana de diálogo «Guardar como», sigue estos pasos en el orden indicado: