Guarda todo en tu estante

Regístrate gratis y encuentra todo lo que descargaste en Mi estante, desde cualquier dispositivo. También puedes guardar tus favoritos.

o
  • 10+ caracteres
  • Mayúscula
  • Número
  • Las contraseñas coinciden

Solo usamos tu correo para tu estante, y para avisos solo si marcas la casilla de avisos. Privacidad

Español
← Guías para creadores

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

Para qué sirve cada formato de imagen, por qué los HEIC y WebP no se abren en algunos sitios y cuál elegir para tu web, redes sociales, impresión y correo.

8 min de lectura · Actualizado: 2026-11-04

Muchos problemas con imágenes no tienen que ver con la foto, sino con el formato. Una foto del iPhone no se adjunta en un formulario de empleo. Una imagen guardada de una web termina en .webp y tu visor de fotos no la abre. Un logo aparece con un recuadro blanco después de “una conversión rápida”.

Esta guía explica para qué sirven JPG, PNG, WebP, AVIF y HEIC (con un repaso breve de GIF y SVG), dónde dan problemas y cuál elegir para una web, una publicación en redes, una impresión o un correo.

Dos ideas que lo explican casi todo

Con pérdida y sin pérdida. Un formato con pérdida (JPG y los modos con pérdida de WebP, AVIF y HEIC) descarta detalles que el ojo difícilmente nota; así una foto de 12 megapíxeles cabe en unos pocos megas. Un formato sin pérdida (PNG y los modos sin pérdida de WebP y AVIF) conserva cada píxel exacto: perfecto para capturas y gráficos, enorme para fotos.

Transparencia (alfa). PNG, WebP, AVIF y HEIC pueden guardar píxeles transparentes, lo que permite colocar un logo sobre cualquier fondo. JPG no puede. GIF solo tiene transparencia de sí o no, sin bordes suaves.

Hazte esas dos preguntas (¿sin pérdida? ¿transparencia?) y la mayoría de las decisiones se toman solas.

Los formatos, uno por uno

JPG (JPEG)

El formato universal para fotos. Lo aceptan todos los móviles, ordenadores, navegadores, máquinas de impresión de fotos y formularios. Es con pérdida y reproduce bien degradados suaves y texturas reales, pero no tiene transparencia ni animación.

Su punto débil son los bordes nítidos: el texto, las líneas finas y los gráficos planos se rodean de “halos” borrosos, sobre todo con calidad baja. Además, cada vez que editas y vuelves a guardar como JPG pierde un poco más. Un guardado no se nota; diez empiezan a notarse.

PNG

Sin pérdida y con transparencia completa. Es el sitio ideal para capturas, diagramas, logos, gráficos con mucho texto y todo lo que vayas a seguir editando. Funciona en todas partes.

El problema es el peso. Una foto guardada como PNG suele pesar varias veces más que un buen JPG de la misma foto, sin ninguna ventaja visible. Un “foto.png” de 15 MB casi seguro debería haber sido un JPG.

WebP

Un formato pensado para la web: puede ser con o sin pérdida, admite transparencia y animación. Todos los navegadores principales actuales lo muestran, por eso tantas webs sirven sus imágenes en WebP. Frente a un JPG de calidad visual similar, un WebP con pérdida suele ser entre un cuarto y un tercio más ligero, aunque varía mucho según la imagen.

El detalle: al usar “Guardar imagen como” en una web obtienes un .webp, y algunos programas de escritorio antiguos, documentos de oficina y formularios todavía lo rechazan. El archivo no está roto; el otro lado simplemente no conoce el formato.

AVIF

Un formato más reciente basado en el códec de vídeo AV1. Normalmente comprime todavía mejor que WebP, admite transparencia, animación y alto rango dinámico, y evita las bandas escalonadas en degradados que muestran los JPG de baja calidad. Los navegadores principales actuales lo muestran (Safari desde la 16.4), pero dispositivos antiguos y muchos programas de edición y oficina no lo abren, y crear archivos AVIF es lento.

HEIC (HEIF)

El formato de fotos predeterminado del iPhone. Es eficiente (a menudo pesa alrededor de la mitad que un JPG equivalente) y puede guardar datos extra como la profundidad. Fuera de los dispositivos de Apple es el formato que más falla: Windows puede necesitar un complemento para abrirlo, la mayoría de los navegadores no lo muestran y muchos formularios lo rechazan.

Para que las fotos nuevas se guarden en JPG, en el iPhone ve a Ajustes → Cámara → Formatos → Más compatible. Las fotos que ya tienes, conviértelas antes de compartirlas.

GIF y SVG, en breve

GIF está limitado a 256 colores por fotograma, así que las fotos se ven granuladas y los archivos pesan mucho. Su ventaja que sigue en pie: los GIF animados se reproducen casi en cualquier sitio, incluidos el correo y los chats.

SVG es un dibujo vectorial descrito en código, así que se ve nítido a cualquier tamaño; ideal para logos e iconos en una web. La mayoría de las redes sociales y muchos formularios no lo aceptan, y el texto de un SVG puede cambiar de fuente en otro ordenador si la fuente no está incrustada.

Tabla para elegir rápido

Qué vas a guardarMejor opciónTambién sirveEvita
Foto para compartir o subir a cualquier sitioJPG—PNG (muy pesado), HEIC (puede no abrirse)
Foto en tu propia webWebP o AVIFJPGPNG
Captura con textoPNGWebP sin pérdidaJPG de baja calidad
Logo o icono para la webSVGPNG, WebPJPG (sin transparencia)
Logo para subir o para un documentoPNG (transparente)—SVG (suele rechazarse)
Animación corta para correo o chatGIF—WebP animado (puede no reproducirse)
Foto para imprimirJPG de alta calidadPNGWebP, AVIF, HEIC
Adjunto de correoJPGPNG para gráficosHEIC, WebP, AVIF

Elegir según el destino

Tu web o tienda online. Las imágenes pesadas hacen lentas las páginas. Usa WebP para la mayoría de fotos y gráficos: JPG a WebP y PNG a WebP convierten por lotes y mantienen la transparencia. Una calidad de alrededor del 80 % es buen punto de partida. Redimensiona primero: una foto de 4000 píxeles en una columna de 1200 desperdicia datos en cualquier formato, así que pásala antes por Redimensionar imagen. Deja SVG para logos e iconos.

Redes sociales. Sube JPG para fotos y PNG para gráficos con texto. Las plataformas recomprimen todo de todos modos, así que un JPG limpio de tamaño razonable (por ejemplo, 1080 píxeles de ancho para una publicación del feed) suele verse mejor que un archivo gigante que ellas reducen. Aquí WebP y AVIF no te aportan nada.

Impresión. Envía un JPG de alta calidad (90 % o más) o un PNG a la resolución completa que pida la imprenta. Muchas imprentas y máquinas de fotos no aceptan WebP, AVIF ni HEIC. Para logos, exporta el SVG con SVG a PNG a 4× o a un ancho concreto; los vectores se redibujan nítidos a cualquier tamaño.

Correo. Quédate con JPG y PNG, que muestran todas las aplicaciones de correo. Los adjuntos HEIC a menudo llegan como un archivo que no se puede abrir. Si envías varias fotos del móvil, comprímelas antes; un JPG al 75–80 % es más que suficiente para verlas en pantalla.

Convertir: qué ganas y qué pierdes

Convertir es fácil. El truco está en saber qué dirección te cuesta algo.

Qué herramienta usar en cada caso:

Todas funcionan en tu navegador, sin subir archivos: tus fotos no salen de tu dispositivo.

Errores comunes

Preguntas frecuentes

¿WebP es mejor que JPG?

Para tu propia web, normalmente sí: suele pesar menos con una calidad similar y admite transparencia. Para enviar archivos a otras personas, subirlos a formularios o imprimir, JPG sigue siendo la opción más segura porque todo lo abre.

¿Por qué no puedo abrir fotos HEIC en Windows?

HEIC no siempre es compatible de serie en Windows, y la mayoría de los navegadores y formularios no lo admiten. Convertir a JPG lo soluciona, y poner la cámara del iPhone en Más compatible lo evita en las fotos nuevas.

¿Se pierde calidad al convertir HEIC a JPG?

Técnicamente se vuelve a comprimir una vez, pero con una calidad JPG alta (alrededor del 90 %) la diferencia es muy difícil de ver. El JPG normalmente pesará más que el HEIC.

¿Debería usar AVIF en mi web en 2026?

Es una buena opción si tus visitantes usan navegadores actuales, porque los archivos suelen pesar menos que en WebP. WebP sigue siendo la opción por defecto más sencilla y segura, y conviene tener una alternativa en JPG o WebP para dispositivos antiguos.

SVG en tu propia web, PNG con fondo transparente en todo lo demás y un PNG grande exportado desde el SVG para imprimir o subir.

Herramientas de esta guía

Más guías