Saltar al contenido
LocalMedia Tools

PNG vs JPG vs WebP: ¿qué formato de imagen debería usar?

LocalMedia Tools ·

Casi todas las imágenes en la web están en uno de tres formatos, y cada uno sacrifica algo distinto para lograrlo. JPG comprime las fotografías de forma agresiva descartando el detalle que es poco probable que su ojo eche en falta, PNG conserva cada píxel exactamente como estaba y añade transparencia, y WebP es el formato más reciente de Google, que intenta hacer ambas cosas —con pérdida y sin pérdida, con transparencia— en un archivo más pequeño de lo que suele producir cualquiera de los dos formatos anteriores. Elegir el equivocado rara vez es fatal, pero sí significa tiempos de carga de página inflados o imágenes visiblemente borrosas y con bloques. Esta guía explica qué hace realmente cada formato por dentro, dónde encaja HEIC (el formato en el que los iPhone guardan las fotos) en todo esto, y cómo convertir o comprimir cualquiera de ellos sin subir un archivo a ningún sitio.

¿Qué es JPG y cuándo debería usarlo?

JPG (también escrito JPEG) usa compresión con pérdida: analiza la imagen por bloques, descarta el detalle fino y la variación de color que el ojo humano detecta mal, y reconstruye una aproximación al decodificar. Esa contrapartida es precisamente lo que hace pequeño a JPG —una fotografía que ocuparía varios megabytes sin comprimir a menudo se comprime a unos pocos cientos de kilobytes con un ajuste de calidad que la mayoría de la gente no puede distinguir del original. JPG no tiene canal de transparencia, así que siempre se renderiza sobre un fondo opaco, y no encaja bien con capturas de pantalla, dibujos de líneas o texto, donde el desenfoque suave alrededor de los bordes definidos se vuelve evidente. Use JPG para fotografías e imágenes de tipo fotográfico —fotos de producto, retratos, paisajes— donde importe el tamaño del archivo y se espere un fondo.

¿Qué es PNG y cuándo debería usarlo?

PNG usa compresión sin pérdida: cada píxel que guarda es exactamente el mismo píxel que recupera, sin ninguna aproximación. Eso convierte a PNG en la opción correcta para capturas de pantalla, maquetas de interfaz, logotipos, diagramas y cualquier imagen que contenga texto nítido o bordes duros, donde los artefactos de la compresión con pérdida serían inmediatamente visibles como desenfoque o ruido en bloques alrededor de los bordes. PNG también admite un canal alfa (transparencia) completo, de modo que un logotipo o un icono pueden tener un fondo genuinamente transparente en lugar de un recuadro blanco o de color a su alrededor. El coste es el tamaño: como PNG no puede descartar detalle, una fotografía guardada como PNG suele ser varias veces más grande que la misma foto guardada como JPG, sin ninguna ganancia visible de calidad en un motivo fotográfico.

¿Qué es WebP y en qué se diferencia de JPG y PNG?

WebP es un formato más reciente creado para reemplazar a los dos anteriores a la vez. Admite tanto compresión con pérdida como sin pérdida en el mismo formato de archivo, además de un canal de transparencia completo como PNG —de modo que un único formato puede manejar una foto comprimida, una captura de pantalla sin pérdida y un logotipo transparente. En la práctica, los archivos WebP suelen ser entre un 25 % y un 35 % más pequeños que un JPG de calidad equivalente, y el WebP sin pérdida suele ser también más pequeño que la misma imagen guardada como PNG. La compatibilidad con los navegadores ha sido casi universal desde principios de la década de 2020 (todos los navegadores principales lo renderizan de forma nativa), lo que eliminó la principal objeción histórica para usarlo. El inconveniente que queda es la compatibilidad fuera del navegador: algunos editores de imagen antiguos, complementos de CMS heredados y flujos de trabajo de impresión o diseño todavía no abren WebP directamente, así que vale la pena comprobar su conjunto de herramientas específico antes de adoptarlo en todas partes.

¿Dónde encaja HEIC, y debería convertirlo?

HEIC es el formato que los iPhone usan de forma predeterminada para las fotos desde iOS 11 —comprime de manera más eficiente que JPG con una calidad similar, razón por la cual ocupa menos espacio en su teléfono. El problema es la compatibilidad, no la calidad: bastante software de Windows, aplicaciones antiguas de Android, formularios web y clientes de correo, o bien no pueden abrir un archivo .heic en absoluto, o lo manejan con dificultad. Si va a compartir una foto en algún lugar que podría no admitir HEIC —subirla a un sitio web, enviarla por correo a alguien con un dispositivo desconocido, publicarla en software antiguo— conviértala primero a JPG para obtener la mayor compatibilidad posible, o a PNG solo si necesita específicamente calidad sin pérdida o transparencia (algo poco habitual en una foto de cámara). El convertidor de HEIC a JPG de LocalMedia realiza esta conversión por completo en su navegador, de modo que la foto se lee desde su dispositivo, se convierte y se guarda de nuevo sin subirse a ningún sitio.

¿Qué formato debería elegir realmente, según el caso de uso?

La decisión suele reducirse a qué contiene la imagen y a dónde va destinada. Para una fotografía o imagen fotorrealista destinada a la web, use WebP si su plataforma lo acepta, o JPG en caso contrario. Para una captura de pantalla, un documento escaneado, un diagrama o cualquier cosa con texto, use PNG (o WebP sin pérdida) para que los bordes se mantengan nítidos. Para un logotipo, icono o gráfico que necesite un fondo transparente, use PNG o WebP —nunca JPG, ya que no puede representar transparencia en absoluto. Para la máxima compatibilidad con software antiguo, clientes de correo o flujos de trabajo de impresión, JPG y PNG siguen siendo las opciones universales más seguras, ya que la compatibilidad de WebP fuera de los navegadores modernos sigue siendo irregular.

¿Por qué guardar un JPG repetidamente empeora la imagen?

Como la compresión de JPG tiene pérdida, cada vez que abre un JPG, lo edita y lo vuelve a guardar como JPG, el formato vuelve a analizar y a descartar detalle por encima de lo que ya se había descartado la primera vez. Edite y vuelva a guardar unas cuantas veces y la pérdida acumulada se vuelve visible como desenfoque suave, bandas de color o artefactos en bloques alrededor de los bordes —un problema al que a menudo se llama pérdida generacional. Esto no ocurre con PNG, ya que la compresión sin pérdida nunca descarta detalle sin importar cuántas veces lo vuelva a guardar. Si necesita editar una foto varias veces, conserve una copia maestra en PNG u otro formato sin pérdida durante la edición y exporte a JPG solo una vez, al final, para la entrega definitiva.

¿Cómo se convierten o comprimen imágenes sin subirlas?

Convertir entre JPG, PNG, WebP y HEIC, o reducir un archivo que resulta demasiado grande, no requiere en absoluto enviar la imagen a un servidor —un navegador puede decodificar y volver a codificar la mayoría de los formatos de imagen habituales por sí solo. El convertidor de formato de imagen de LocalMedia cambia entre JPG, PNG y WebP directamente en su pestaña del navegador, y el compresor de imágenes reduce el tamaño del archivo ajustando la calidad o las dimensiones, ambos sin que el archivo salga nunca de su dispositivo. Puede confirmarlo usted mismo: abra las DevTools de su navegador (F12), vaya a la pestaña Network y observe si aparece una petición de subida mientras convierte o comprime un archivo —una herramienta verdaderamente local no envía nada.

Herramientas relacionadas

Preguntas frecuentes

¿Es mejor PNG o JPG?
Ninguno es universalmente mejor —están hechos para contenidos distintos. La compresión con pérdida de JPG lo hace mucho más pequeño para fotografías, mientras que la compresión sin pérdida de PNG mantiene las capturas de pantalla, el texto y los gráficos libres de desenfoque, y añade compatibilidad con transparencia que JPG no tiene en absoluto. Use JPG para fotos, PNG para cualquier cosa con bordes definidos, texto o un fondo transparente.
¿Es mejor WebP que JPG?
En tamaño de archivo y calidad, en general sí: WebP suele producir archivos entre un 25 % y un 35 % más pequeños que un JPG de calidad equivalente, y además admite transparencia y compresión sin pérdida, algo que JPG no puede hacer en absoluto. La única razón para seguir eligiendo JPG en lugar de WebP es la compatibilidad con software antiguo o flujos de trabajo que no abren archivos WebP.
¿WebP admite transparencia?
Sí. WebP tiene un canal alfa de transparencia completo tanto en su modo con pérdida como sin pérdida, así que puede sustituir a PNG en logotipos e iconos transparentes y, por lo general, produce un archivo más pequeño.
¿Debería convertir HEIC a JPG o a PNG?
Conviértalo a JPG en casi todos los casos —es más pequeño y universalmente compatible, que es justo lo que necesita una foto de cámara. Conviértalo a PNG solo si necesita específicamente calidad sin pérdida o un fondo transparente, algo poco habitual en una foto normal.
¿Qué formato produce el archivo más pequeño?
Para fotografías, el WebP con pérdida suele ser el más pequeño, seguido de JPG, con PNG mucho más grande. Para capturas de pantalla, texto o dibujos de líneas, el WebP sin pérdida suele ser el más pequeño, seguido de PNG, ya que la compresión con pérdida de JPG no es adecuada para bordes definidos sin importar el tamaño del archivo.
¿Puedo convertir entre PNG, JPG y WebP sin perder calidad?
Convertir de un formato sin pérdida (PNG) a otro ajuste sin pérdida conserva la calidad exactamente. Convertir hacia o entre formatos con pérdida (JPG, WebP con pérdida) siempre vuelve a comprimir la imagen, así que se pierde algo de calidad en cada conversión —conserve una copia maestra sin pérdida si prevé convertir o editar una imagen más de una vez.