Toolyard

PNG, JPG o WebP: qué formato de imagen usar

La versión corta

FormatoMejor para
JPGFotos para compartir o subir a cualquier sitio
PNGCapturas de pantalla, logotipos, texto y todo lo que tenga transparencia
WebPImágenes en webs: ocupa menos que ambos y admite transparencia
AVIFLas imágenes web más pequeñas, cuando la compatibilidad no preocupa
HEICGuardar fotos en dispositivos Apple
GIFAnimaciones cortas y sencillas

JPG

JPG comprime muy bien las fotos descartando detalles que difícilmente notarás. No admite transparencia, y guardarlo una y otra vez va bajando la calidad. Lo aceptan todos los dispositivos y webs.

PNG

PNG no pierde calidad: conserva cada píxel exactamente y admite transparencia. Es ideal para capturas y gráficos con bordes nítidos, pero una foto en PNG ocupa varias veces más que en JPG. Comprimir PNG puede reducir mucho los gráficos bajando su número de colores.

WebP

WebP, creado por Google, suele ocupar un 25–35% menos que JPG con la misma calidad y admite transparencia y animación. Todos los navegadores actuales lo muestran, pero algunas apps antiguas y formularios de subida lo rechazan; WebP a JPG lo soluciona.

AVIF

AVIF es más reciente y ocupa todavía menos. Las versiones actuales de Chrome, Edge, Firefox y Safari lo abren, pero muchos otros programas aún no.

HEIC

HEIC es el formato en que los iPhone guardan las fotos. Ocupa más o menos la mitad que JPG, pero Windows y muchas webs no pueden abrirlo sin ayuda; HEIC a JPG lo convierte.

GIF

GIF está limitado a 256 colores, así que sirve para animaciones sencillas más que para fotos. Para fragmentos de vídeo, Vídeo a GIF elige los 256 mejores colores para cada clip.

Las mismas imágenes en cada formato

Tamaños típicos de una imagen de 1200 × 800, que varían según el contenido:

FormatoUna fotoUna captura con texto
PNG2 MB90 KB
JPG, calidad 80180 KB250 KB, con bordes sucios
WebP, calidad 80120 KB60 KB

Las fotos tienen degradados suaves que JPG y WebP comprimen bien. Las capturas tienen bordes nítidos y pocos colores, que PNG guarda exactos y JPG embarra.

Errores frecuentes

  • Guardar una foto como PNG. El archivo es diez veces mayor sin ganancia visible. Reserva el PNG para gráficos y transparencias.
  • Volver a guardar un JPG una y otra vez. Cada guardado pierde un poco más. Conserva el original, edita desde él y exporta un JPG nuevo cada vez.
  • Esperar que la transparencia sobreviva a un JPG. El JPG no tiene transparencia; las zonas transparentes se vuelven negras o blancas. Usa PNG o WebP.
  • Subir WebP o HEIC a un formulario. Muchos formularios solo aceptan JPG o PNG. Conviértelo antes, en lugar de renombrar el archivo, porque la extensión no cambia el contenido.

Herramientas de esta guía

Más guías