Guía de formatos y tamaños para diseños en redes sociales
31/01/2019

Guía de formatos y tamaños para diseños en redes sociales

Según la estrategia de marketing que observa las dinámicas del público objetivo se utilizará unas redes sociales u otras. Para cualquier diseñador gráfico es fundamental conocer y estar al día de los formatos y medidas necesarios para todas las redes sociales, de forma que al preparar un logotipo o imagen corporativa se tenga una previsión de sus aplicaciones futuras y se saque todo el rendimiento, consiguiendo una imagen más profesional e impactante. Ignorar las medidas y todas sus posibilidades puede hacernos perder tiempo con demasiadas pruebas innecesarias para hacer encajar una imagen en un círculo de imagen de perfil y equivocaciones indeseables como pixelados, que dará mala imagen.

A nosotros los diseñadores/as gráficos se nos multiplican las posibilidades de aplicación de marca e imagen de branding, de comunicados empresariales y publicidad, en algunos casos hay restricciones y lecturas automáticas de imágenes, como tiene Facebook en su formato de publicidad. Lo ideal para nuestro trabajo es tener un listado con todas las medidas actualizadas, a continuación pondré las de éste año 2019, cojela como chuleta ahora y estarás al día de los formatos en las redes sociales. 

 

Formatos y tamaños para redes sociales

Como en cada red social las imágenes se pueden ver independiente maximizadas se dará las medidas en el tamaño máximo para que las reducciones de móviles mantengan la calidad y en el ordenador se vean a gran pantalla igual de bien, todas las medidas son en pixeles.

 

INSTAGRAM

Post:
Cuadrado: 1080 x 1080 px
Horizontal: 1080 x 566 px
Vertical: 1080 x 1350 px

Anuncios:
Cuadrado: 1200 x 1200 px
Horizontal: 1080 x 566 px
Coleccion: 1200 x 628 px
Story: 750 x 1334 px (igual que Whatsapp)
Para comprobar que es un anuncio adecuado utilizar la herramienta de Facebook  de superposición.

 

WHATSAPP

Perfil:
Perfil de usuario: 500 x 500 px (igual que Facebook y Twitter)

Post:
Cuadrado: 800 x 800 px (igual que Twitter)
Stories: 750 x 1334 px (igual que Instagram)

 

 

FACEBOOK

Perfil:
Perfil de usuario / Fanpage: 500x500 px (igual que Whatsapp y Twitter)
Imagen de portada / Fanpage: 851x360 px
Imagen de portada de Grupos Facebook: 820 x 428 px

Post: 
Cuadrado: 1200 x 1200 px
Imagen de enlace: 1200 x 628 px
Evento: 500 x 314 px

Anuncios:
Carrusel: 1200 x 1200 px
Estándar y Colección: 1200 x 628 px
Marketplace: 1024 x 1024 px
Importante: en los anuncios de Facebook el texto no ha de superar el 20%, sin pasarse de 25 caracteres en el título de la imágenes, para que pueda leer correctamente el interpretador de facebook y buscadores, se puede utilizar la herramienta de Facebook  de superposición para comprobar que es un anuncio adecuado. 

 

TWITTER

Perfil:
Perfil de usuario: 500 x 500 px (igual que Facebook)
Imagen de portada: 1536 x 768 px

Post:
Cuadrado: 1200 x 1200 px (igual que Facebook)
Blog o Twitter Card: 1200x628 px (aunque se visualiza a 800 x 418)
Horizontal: 1200 x 670 px

Anuncios:
Card horizontal: 800 x 418 px
Card cuadrado: 800 x 800 px (igual que Whatsapp)
Link: 520 x 254 px
Varias imágenes o carrusel: 1200 x 670 px

 

LINKEDIN

Perfil:
Perfil de usuario y empresa: 400 x 400 px (igual que Instagram)
Imagen de portada: 800 x 200 px
Imagen de portada de empresa: 1536 x 768 px

Post:
Cuadrado: 1200 x 1200 px (igual que Facebook)
Imagen de enlace: 1200 x 627 px (casi igual que Facebook)

Anuncios:
Estándar: 1200 x 627 px (casi igual que Facebook)
Link: 520 x 272 px

 

YOUTUBE

Perfil:
Perfil de usuario: 250 x 250 px (igual que GooglePlus)
Imagen de portada: 2580 x 423 px ( aunque se visualiza a 800 x 200 px)

Galería de vídeos:
Miniatura de video: 1280 x 720 px

Anuncios:
Banner Overlay: 480 x 70 px
En columna derecha: 300 x 60 px o 300 x 250 px (en la lista derecha de reproducción)

 

PINTEREST

Perfil:
Perfil de usuario: 250 x 250 px (igual que Instagram)

Post:
Cuadrado: 600 x 600 px
Horizontal: 600 x 900 px
Tablero o galeria: 200 x 200 px

 

GOOGLE PLUS

Perfil:
Perfil de usuario: 250 x 250 px (igual que Youtube)
Imagen de portada: 968 x 546 px (aunque se visualizará a 480 x 270 px)

Post:
Destacado: 502 x 892 px
Horizontal: 502 x 282 px
Enlace: 502 x 250 px

 

Tipos de archivos

Recuerda que los archivos han de estar en modo de color RGB para que el peso sea menor y a resolución 72 píxeles por pulgada (aunque en Whatsapp a veces va mejor crearlos a 150 píxeles por pulgada), los tipos de archivos que soportan son normalmente JPG, PNG, GIF (aunque a veces solo deja ver la primera imágen) y en el caso de Youtube captura la imagen del video, por lo que los tamaños indicados tendrás que incluirlos en la edición de vídeo, o incluirla en las opciones de youtube.

Ahora si que tienes la chuleta que siempre deseaste para aplicar las imágenes en todas las redes sociales tuyas y de las empresas que tienes por clientes ¿Sabias que las medidas de perfil de usuario coinciden en varios casos como Facebook, Whatsapp y Twitter? ¿Aprovechas la misma imagen para todas las redes sociales o las personalizas? ¡Házmelo saber en tus comentarios!

 

Curso relacionado: Curso Superior de Gestión de Redes Sociales y Community Management

Comparte en:

Graduada en Diseño Gráfico por EASD Valencia. Multidisciplinaria con experiencia en Diseño Gráfico, editorial y Desarrollo Web. Especialista en Diseño y Maquetación de publicaciones juveniles y de empresas.

User Interface de Unity: EventSystem
14/02/2019
Jordi Mula

User Interface de Unity: EventSystem

Dentro de esta nueva versión de UI (user interface) desarrollada por el equipo de programadores de Unity, podemos encontrar una herramienta realmente útil y versáti...

Ideas para hacerte tarjetas de visita con un buen diseño
04/02/2019

Ideas para hacerte tarjetas de visita con un buen diseño

Las tarjetas siguen siendo uno de los productos gráficos claves para las empresas y autónomos, porque con una tarjeta se da directamente todos los datos para un cont...

Unity 3D: cómo hacer debbugging y por qué es necesario hacerlo
29/01/2019
Jordi Mula

Unity 3D: cómo hacer debbugging y por qué es necesario hacerlo

Las opciones de debugado nos permiten depurar nuestro código para poder buscar errores y poder solucionarlos. Muchas veces cuando el código es muy largo es muy difí...