Logo
Tooooolbox
100% privado
Todos los artículos

JPEG, PNG, WebP o AVIF: ¿qué formato elegir?

21 de junio de 2026 · 8 min de lectura

Elige el formato equivocado y publicarás una foto borrosa o un archivo diez veces más pesado de lo necesario. La buena noticia: la decisión casi siempre se reduce a unas pocas preguntas sencillas. Esta guía repasa los cuatro formatos que de verdad te encuentras en 2026 — JPEG, PNG, WebP y AVIF — y cuándo gana cada uno.

JPEG — la opción segura para fotos

El JPEG (o JPG) es el caballo de batalla de la web desde hace casi 30 años. Usa compresión con pérdida: descarta los detalles que tu ojo difícilmente notará para reducir el peso. Para fotografías — todo lo que tenga degradados suaves, tonos de piel o escenas naturales — logra un excelente equilibrio entre tamaño y calidad.

Sus debilidades: no admite transparencia y muestra artefactos visibles alrededor de bordes nítidos y texto. Nunca guardes un logotipo, una captura o un dibujo lineal en JPEG. Pero para una foto de vacaciones destinada a un correo o un blog, el JPEG al 70–80 % de calidad es difícil de superar y funciona en todas partes.

PNG — para gráficos, transparencia y detalle perfecto

El PNG es sin pérdida: conserva cada píxel exactamente como estaba. Por eso es la elección correcta para logotipos, iconos, capturas de pantalla, diagramas y todo lo que lleve texto o bordes duros. Además admite transparencia, algo que el JPEG no puede.

El inconveniente es el tamaño. Una foto guardada en PNG puede ser de cinco a diez veces más pesada que la misma en JPEG. Usa PNG cuando necesites bordes nítidos o un fondo transparente, no para fotografías a todo color.

WebP — archivos más pequeños, compatibilidad casi total

El WebP, desarrollado por Google, hace ambas cosas: tiene un modo con pérdida que supera al JPEG en torno a un 25–35 % con la misma calidad, y un modo sin pérdida que supera al PNG. También admite transparencia y animación.

En 2026 todos los navegadores principales son compatibles con WebP, así que es una opción moderna y segura para la web. Si quieres un único formato que sirva para fotos y gráficos manteniendo las páginas ligeras, suele ser WebP.

AVIF — los archivos más ligeros, con algunas salvedades

El AVIF es el más nuevo de los cuatro y el que más comprime — a menudo un 50 % más ligero que el JPEG con calidad comparable, con una gestión excelente de degradados y escenas oscuras. Admite transparencia, HDR y animación.

Los compromisos: la codificación es más lenta y, aunque la compatibilidad ya es amplia, algunos dispositivos y aplicaciones antiguos todavía no abren AVIF. Úsalo en la web cuando cada kilobyte cuente, pero conserva una versión JPEG o WebP de respaldo si tu público usa software antiguo.

Con y sin pérdida: la distinción que lo gobierna todo

Toda elección de este artículo se reduce a una pregunta: ¿puede el formato tirar información? Los formatos sin pérdida —PNG, GIF, WebP sin pérdida— reproducen el original píxel a píxel. Comprime, descomprime y recuperas exactamente lo que tenías. Los formatos con pérdida —JPEG, WebP con pérdida, AVIF— descartan de forma permanente el detalle considerado menos visible, y a cambio consiguen archivos radicalmente más pequeños.

La trampa es que la compresión con pérdida es acumulativa. Cada vez que una imagen con pérdida se abre y se vuelve a guardar, se aplica otra ronda de degradación sobre la anterior. Guarda un JPEG cinco veces al 80 % de calidad y quedará peor que la misma imagen guardada una sola vez al 60 %. Es la pérdida generacional, y es con diferencia la causa más común de imágenes que se degradan misteriosamente con el tiempo.

La regla de trabajo: mantente en sin pérdida mientras sigas editando la imagen, y convierte a con pérdida una sola vez, al final, cuando exportes la versión definitiva.

Transparencia: solo tres de los cuatro la admiten

El JPEG no tiene canal alfa en absoluto. No hay forma de guardar un píxel transparente en un JPEG, así que cualquier transparencia del original debe aplanarse sobre un color sólido, casi siempre blanco. Por eso un logotipo exportado como JPEG llega con un recuadro blanco alrededor, y es la razón principal por la que se desaconseja el JPEG para gráficos.

PNG, WebP y AVIF admiten los tres un canal alfa completo de 8 bits, es decir, 256 niveles de transparencia en vez de un simple sí o no. Eso importa más de lo que parece: las sombras suaves, las curvas suavizadas y los bordes difuminados dependen de la transparencia parcial, y sin ella se ven dentados.

El GIF es la excepción incómoda que todavía te encuentras. Admite transparencia, pero de un solo bit: un píxel es totalmente opaco o totalmente transparente. Los bordes diagonales y curvos salen por tanto visiblemente escalonados, y por eso los logotipos en GIF parecen anticuados aunque el diseño no lo sea.

Animación: qué sustituyó realmente al GIF

El GIF animado sobrevive por razones culturales más que técnicas. Está limitado a 256 colores por fotograma, carece de una compresión con pérdida digna de ese nombre y produce archivos habitualmente entre diez y veinte veces más pesados que un vídeo equivalente. Un GIF animado de tres segundos puede pesar 5 MB sin dificultad.

Tanto WebP como AVIF admiten animación, con color completo y compresión de verdad, y cualquiera de los dos es una mejora directa. Un WebP animado del mismo clip suele quedarse entre una quinta y una décima parte del tamaño del GIF, y además se ve mejor.

Para cualquier cosa que dure más de un par de segundos, sin embargo, la respuesta correcta no es un formato de imagen, sino un vídeo MP4 o WebM silenciado, con reproducción automática y en bucle. Los códecs de vídeo están diseñados exactamente para eso y superarán a cualquier formato de imagen por un margen amplio. Reserva el WebP animado para bucles cortos donde importe la sencillez de una etiqueta de imagen.

Los formatos que esta guía deja fuera, y cuándo importan

El SVG no compite con ninguno de los cuatro, porque no está hecho de píxeles. Guarda formas como descripciones matemáticas, así que escala a cualquier tamaño sin volverse borroso nunca y suele pesar una fracción de un mapa de bits. Para logotipos, iconos, gráficos e ilustraciones de línea es la opción correcta y nada se le acerca. No puede representar fotografías.

El HEIC es lo que tu iPhone captura por defecto. Guarda aproximadamente la calidad de un JPEG en la mitad de espacio y admite 16 bits de color, pero las licencias de patentes lo mantuvieron fuera de la mayoría del software ajeno a Apple. Es un buen formato de almacenamiento dentro del ecosistema de Apple y un mal formato para compartir fuera de él, y de ahí que convertirlo a JPEG siga siendo una tarea tan frecuente.

El TIFF es el formato de archivo e impresión: sin pérdida, enorme y capaz de guardar capas, color CMYK y 16 bits por canal. Te lo encontrarás en flujos de impresión profesional y digitalización de documentos. No tiene sitio en una página web: un TIFF suele pesar veinte veces el JPEG con el que el navegador se habría conformado.

Un procedimiento de decisión que puedes seguir de verdad

Empieza por el contenido, no por el formato. Si la imagen es un logotipo, un icono, un gráfico o un dibujo de línea, usa SVG y para ahí: ninguno de los cuatro formatos de mapa de bits lo hará mejor. Si contiene detalle fotográfico, eliges entre JPEG, WebP y AVIF. Si es una captura de pantalla, un diagrama o texto sobre fondo plano, eliges entre PNG y WebP sin pérdida.

Aplica después el destino. Para un sitio web en 2026, sirve AVIF con respaldo WebP para fotografías, y WebP sin pérdida o PNG para gráficos. Para un archivo que envías a alguien, o que subes a un formulario que no controlas, JPEG para fotografías y PNG para gráficos siguen siendo los formatos que nadie rechaza.

Termina con la prueba de la transparencia. Si alguna parte de la imagen debe dejar ver el fondo, el JPEG queda descartado sin importar nada de lo anterior, y eliges entre PNG, WebP y AVIF.

Una guía rápida de decisión

Foto para la web lo más ligera posible: AVIF, con WebP de respaldo. Foto que debe abrirse en cualquier sitio: JPEG. Logotipo, icono, captura o cualquier cosa con transparencia: PNG, o WebP/AVIF sin pérdida para ahorrar espacio. ¿Sigues con dudas? WebP es el polivalente moderno.

Elijas lo que elijas, el archivo casi siempre es más pesado de lo necesario al salir de la cámara o la herramienta de diseño. Pásalo por nuestro compresor, elige el formato de salida y observa cómo baja el peso — todo ocurre en tu navegador, tu imagen nunca sale de tu dispositivo.

Comprimir una imagen

Sigue leyendo