PNG vs JPG vs WebP en redes sociales: cuál conserva la calidad
PNG, JPG o WebP para publicaciones sociales: qué formato mantiene nítido el texto, qué acepta cada red y los tamaños reales de un mismo render guardado de cuatro maneras.
El PNG es el formato más seguro para gráficos sociales con texto, logotipos y color plano, y el JPG es el adecuado para fotos. El WebP suele ser más pequeño que el JPG y, en nuestra prueba, igualó al PNG en color plano y solo lo superó en un degradado. Pero LinkedIn (para imágenes de Páginas), las miniaturas de YouTube y Pinterest indican solo PNG o JPEG en sus páginas de ayuda, así que no cuentes con él para subir archivos.
Lo probamos con nuestros propios archivos. Nuestro motor generó dos publicaciones de 1080 x 1080 de nuestra marca de demostración AURORA en PNG. Después convertimos cada una con sharp (calidad JPEG 92 y 80, calidad WebP 80, el resto de ajustes por defecto) y medimos los archivos. Para los tamaños de cada red, consulta nuestra guía de tamaños de imagen para redes sociales.
¿Cuál es la diferencia entre PNG, JPG y WebP?
MDN clasifica el PNG como sin pérdida, el JPEG como con pérdida y el WebP como capaz de ambas cosas. Sin pérdida significa que cada píxel vuelve exactamente como se guardó. Un codificador con pérdida descarta detalles finos que espera que no notes. Eso va bien con las fotografías, pero MDN dice que los borrones y los halos de color se ven fácilmente alrededor del texto y de los bordes marcados, por lo que aconseja archivos sin pérdida para capturas de pantalla, diagramas, logotipos y dibujos de línea.
web.dev dice lo mismo con otras palabras: el PNG da la máxima calidad con un tamaño de archivo mucho mayor, el JPEG sacrifica algo de calidad por archivos más pequeños y el WebP suele comprimir mejor que ambos. MDN pone cifras: el WebP con pérdida es en promedio un 25 a 35 por ciento más pequeño que un JPEG comparable y el WebP sin pérdida, un 26 por ciento más pequeño que el PNG.
| Formato | Compresión | Transparencia | Ideal para |
|---|---|---|---|
| PNG | Sin pérdida | Sí | Texto, logotipos, color plano |
| JPG | Con pérdida | No | Fotos |
| WebP | Con o sin pérdida | Sí | Páginas web (nuestro consejo: solo donde haya alternativa) |
¿Qué formatos aceptan las redes sociales?
Menos de los que exporta tu herramienta de diseño. Estas son las páginas que pudimos leer el 2 de octubre de 2026:
| Red | Formatos indicados | Límite de archivo |
|---|---|---|
| LinkedIn (imágenes de Páginas y Career Pages; publicaciones del feed sin comprobar) | PNG, JPEG | 3 MB |
| YouTube (miniaturas) | JPG, PNG | 2 MB en el móvil, 50 MB en el ordenador |
| Pinterest (Pines estándar) | PNG, JPEG | 20 MB en el ordenador, 32 MB en la app |
Ninguna de las tres menciona el WebP. No pudimos cargar las páginas de ayuda de Instagram ni de X sobre formatos de archivo, así que no indicamos aquí sus normas: compruébalas antes de exportar. Pinterest añade, en un consejo dirigido a anunciantes, que las imágenes deben ser PNG con perfil sRGB y que convierte cada subida a un JPEG RGB estándar de 8 bits. Nuestra lectura: sube un PNG limpio, para que esa conversión sea el único paso con pérdida. Los tamaños por red están en nuestras guías sobre miniaturas de YouTube y Pines de Pinterest.
¿Cuánto más pequeños son el JPG y el WebP? Nuestra medición
Tomamos dos renders de nuestro motor, un diseño de bloques con mucho texto y un diseño de degradado suave, y guardamos cada uno de cuatro maneras.
| Archivo (1080 x 1080) | Diseño de texto plano | Diseño de degradado |
|---|---|---|
| PNG | 13,0 KB | 182,8 KB |
| JPG, calidad 92 | 44,7 KB | 71,9 KB |
| JPG, calidad 80 | 34,3 KB | 39,3 KB |
| WebP, calidad 80 | 13,8 KB | 16,9 KB |
Los tamaños son bytes reales de una conversión puntual con sharp del mismo PNG. Destacan tres cosas.
- El PNG ganó en el diseño plano. Las grandes áreas de un solo color se comprimen muy bien sin pérdida, así que el archivo sin pérdida fue más pequeño que los dos JPG. Pasar a JPG hizo ese archivo entre 2,6 y 3,4 veces mayor y con más pérdida.
- El degradado cambió el resultado. Las mezclas suaves de color son difíciles para el PNG, que pesó 183 KB, y un JPG de calidad 92 lo redujo a 72 KB.
- El WebP a 80 pesó 13,8 KB en el diseño plano y 16,9 KB en el degradado. Igualó más o menos al PNG en el diseño plano (algo por encima de 13,0 KB) y pesó aproximadamente una décima parte del PNG del degradado.
También comparamos cada píxel de cada archivo convertido con el PNG original (diferencia absoluta por canal de color, de 0 a 255). La media fue inferior a 1,1 en todos los archivos con pérdida, pero en los bordes más nítidos el peor píxel individual difería entre 81 y 89 niveles en el diseño de texto para JPG 80, JPG 92 y WebP 80. Es el coste de la pérdida que describe MDN: se concentra en los bordes del texto. A tamaño de visualización normal no lo vimos en un recorte ampliado del texto del botón, así que, en nuestra opinión, la calidad 80 o superior es utilizable en publicaciones. Espera que el daño se note cuando alguien amplíe o vuelva a compartir la publicación.
Usamos una muestra de cada tipo, así que toma los tamaños como una ilustración del patrón, no como un benchmark. Tus archivos variarán.
¿Qué formato debes usar para las publicaciones sociales?
Elige el formato según el contenido y después comprueba la lista de la red.
- Gráfico con texto, logotipo o color plano: PNG. Fue el más pequeño en nuestro diseño plano y no tiene artefactos en los bordes.
- Foto o fondo con degradado intenso: JPG con calidad 90 o superior, si el PNG superaría un límite de archivo (por ejemplo, LinkedIn indica 3 MB para imágenes de Páginas).
- WebP: resérvalo para tu sitio web. No lo subas a una red que no lo mencione.
- Nunca vuelvas a guardar un JPG como JPG. Nuestro consejo: cada guardado con pérdida descarta más detalle, así que conserva un PNG maestro.
Si exportas muchos tamaños, una herramienta de plantillas elimina las dudas: Chikaboom exporta PNG en el tamaño de cada plataforma, de modo que el archivo que subes es siempre el que no tiene pérdida. Puedes probarlo en la demostración en vivo.
Lista de comprobación antes de subir
- Revisa la lista de formatos aceptados y el límite de archivo de la propia red.
- Exporta los gráficos con texto como PNG; usa JPG solo para fotos o para ajustarte a un límite de tamaño.
- Usa calidad 90 o superior en JPG y nunca conviertas WebP de ida y vuelta.
- Abre el archivo final al 100 por ciento y lee el texto más pequeño.
Preguntas frecuentes
¿Debo subir PNG o JPG a las redes sociales?
Usa PNG para gráficos con texto, logotipos y color plano, porque la compresión sin pérdida mantiene los bordes limpios. Usa un JPG de alta calidad para fotos, o cuando un PNG superaría el límite de tamaño. Es nuestra recomendación, basada en los tamaños que medimos.
¿Puedo subir WebP a LinkedIn, YouTube o Pinterest?
No, según las páginas de ayuda que leímos. LinkedIn indica PNG o JPEG para las imágenes de las Páginas (no comprobamos las publicaciones del feed), YouTube indica JPG y PNG para las miniaturas y Pinterest indica PNG o JPEG. Convierte el WebP a PNG o JPG antes de subirlo.
¿Recomprimen las redes sociales mis imágenes?
Pinterest dice que convierte las subidas a JPEG RGB estándar de 8 bits durante el procesamiento. Las demás redes no publican su proceso en las páginas que revisamos, así que partimos de que tu archivo se recodificará: empieza con el origen más limpio.
¿Qué calidad de JPG debo usar para gráficos con texto?
Nuestra recomendación es 90 o más para cualquier cosa con tipografía. En nuestra prueba, un gráfico de texto plano con calidad 92 pesaba 45 KB frente a 13 KB en PNG, así que el JPG solo compensó en la imagen con degradado, donde pesaba 72 KB frente a 183 KB.