Formatos y tamaños de imagen para redes sociales: la guía completa (2025)
Por qué importan los formatos y tamaños
Usar el formato y el tamaño de imagen adecuados reduce el tiempo de carga, conserva la calidad visual y evita recortes extraños o miniaturas borrosas. Con feeds orientados a móviles y distintas densidades de pantalla (retina / 2x), preparar bien las imágenes influye en la interacción y la conversión.
Formatos de imagen habituales: cuándo usar cada uno
- JPEG (JPG) — Ideal para fotos e imágenes complejas cuando se acepta compresión con pérdida. Archivos pequeños y de buena calidad tras ajustar la calidad y la compresión.
- PNG — Úsalo cuando necesites calidad sin pérdida o transparencia. Los PNG son más grandes; son preferibles para logotipos y gráficos con colores planos.
- WebP — Formato moderno (con y sin pérdida). Buen equilibrio entre calidad y tamaño de archivo; compatible con la mayoría de los navegadores y redes sociales modernos.
- AVIF — Excelente compresión y calidad; archivos más pequeños que WebP, aunque su compatibilidad sigue creciendo. Úsalo en plataformas compatibles o como fuente para generar versiones alternativas.
- GIF — Úsalo solo para animaciones sencillas; archivos grandes en comparación con formatos modernos basados en video.
- SVG — Formato vectorial para logotipos e iconos. Se escala sin perder calidad y suele ocupar muy poco en gráficos sencillos.
Comparación rápida de formatos
| Formato | Uso ideal | Transparencia | Animación | Tamaño de archivo |
|---|---|---|---|---|
| JPEG | Fotos, imágenes del feed | No | No | Pequeño (con pérdida) |
| PNG | Logotipos, iconos, imágenes que necesitan alfa | Sí (alfa) | No | Grande (sin pérdida) |
| WebP | Fotos y gráficos: el mejor equilibrio | Sí | Sí (WebP animado) | Más pequeño que PNG/JPEG |
| AVIF | Compresión fotográfica de última generación | Sí | Limitada | Muy pequeño (el mejor) |
| SVG | Logotipos, iconos, gráficos escalables | Sí (vectorial) | Posible con SMIL/CSS | Muy pequeño para gráficos sencillos |
Tabla rápida de tamaños de imagen para redes sociales (tamaños recomendados)
Estos son los tamaños recomendados habituales. Para obtener los mejores resultados, exporta con las dimensiones en píxeles indicadas y crea versiones 2x para pantallas de alta densidad cuando sea práctico.
| Plataforma | Tipo de imagen | Tamaño recomendado (px) | Formato |
|---|---|---|---|
| Feed (cuadrada) | 1080 x 1080 | JPEG/WebP | |
| Historias / Reels | 1080 x 1920 | JPEG/WebP | |
| Imagen compartida | 1200 x 630 | JPEG/WebP | |
| Twitter / X | Imagen del feed / vista previa | 1200 x 675 | JPEG/WebP |
| Imagen compartida | 1200 x 627 | JPEG/WebP | |
| Pin | 1000 x 1500 (2:3) | JPEG/WebP | |
| YouTube | Miniatura de video | 1280 x 720 | JPEG/PNG |
| TikTok | Miniatura / Portada | 1080 x 1920 | JPEG/WebP |
Consejos de optimización
- Exporta con las dimensiones exactas en píxeles recomendadas (o ligeramente mayores) y ofrece versiones 2x para pantallas retina (p. ej., exporta 2160x2160 para un destino de 1080x1080 y usa srcset).
- Prefiere WebP (o AVIF cuando sea compatible) para reducir el tamaño de archivo conservando la calidad. Ofrece alternativas JPEG/PNG cuando sea necesario.
- Comprime las imágenes con ajustes de calidad perceptual (p. ej., calidad 72–85 para JPEG) y revísalas visualmente.
- Usa
srcsety atributos de imagen adaptables para entregar el tamaño adecuado al área visible del dispositivo. - Usa SVG para logotipos e iconos; se escala y ocupa muy poco en formas sencillas.
Ejemplo: marcado de imagen adaptable
<img src="hero-1080.jpg"
srcset="hero-540.jpg 540w, hero-1080.jpg 1080w, hero-2160.jpg 2160w"
sizes="(max-width: 600px) 540px, (max-width:1200px) 1080px, 2160px"
alt="Your caption here">
Ejemplos visuales
Flujo rápido de publicación
- Diseña con el tamaño recomendado o uno mayor (con márgenes seguros para recortar).
- Exporta como WebP (con pérdida) con una calidad de alrededor de 80 y crea una alternativa JPEG/PNG.
- Haz pruebas en el dispositivo y en los modos de vista previa de cada plataforma antes de publicar.
- Automatiza la generación de varios tamaños con herramientas por lotes o tu sistema de procesamiento de imágenes.
Preguntas frecuentes
Por lo general, sube JPEG o WebP para fotos. Usa PNG o SVG para logotipos e imágenes que requieran transparencia. Si una plataforma admite WebP automáticamente, prefiérelo para reducir el tamaño de archivo.
Sí, muchas plataformas vuelven a comprimir las imágenes y, a veces, reducen sus dimensiones. Súbelas con los tamaños recomendados y una alta calidad perceptual para minimizar los artefactos de la recompresión.
Para sitios web y aplicaciones, ofrece imágenes de mayor resolución mediante srcset. Para redes sociales, sube el tamaño en píxeles recomendado (la plataforma suele encargarse de adaptarlo al dispositivo).
AVIF ofrece una excelente relación entre calidad y tamaño, pero debes tener en cuenta la compatibilidad con navegadores y plataformas. Usa AVIF como fuente optimizada y WebP/JPEG como alternativa para garantizar la compatibilidad.
Lista de comprobación final
- Elige WebP o JPEG para fotos; PNG/SVG para logotipos.
- Exporta con los tamaños de píxeles recomendados y ofrece retina (2x) cuando controles la interfaz del sitio.
- Comprime mediante revisión visual: busca el menor tamaño de archivo sin pérdida de calidad visible.
- Usa
srcsety formatos modernos con alternativas para conseguir el mejor equilibrio entre calidad y compatibilidad.
¿Necesitas una conversión rápida o generar tamaños adecuados automáticamente? Prueba nuestro convertidor de imágenes: permite exportar lotes a WebP/JPEG/PNG y redimensionar para varias redes sociales.