Medidas y Mockups para Redes Sociales

Hay varios motivos por los que puedes necesitar las medidas y algunos mockups (plantillas) de las imágenes en redes sociales hoy en día, es por eso que te voy a compartir algunos datos interesantes y como no podía ser de otra forma, mis propias producciones junto a otras muy interesantes.

Motivos por los que puedes necesitar las medidas y mockups de redes sociales

En primer lugar y creo que es más que evidente, es la necesidad por uso. Si estás diseñando tus perfiles sociales te habrás encontrado con que todos tienen medidas diferentes y que, peor aún, dentro de una misma red social, dependiendo del dispositivo, no siempre se ven completas las fotos o imágenes de portada o perfil.

Te voy a dar algunos consejos extraídos de las mismas páginas de ayuda pero todas en un mismo sitio para que no tengas que recorrerlas todas..

Otro de los motivos puede ser que seas Community Manager, Social Media Manager o Strategy o alguno de estos nuevos nombres que se dan a quienes en realidad lo que hacen es trabajar con el universo digital. Si este es tu caso, te encontrarás con que en ocaciones quieres enseñar a tus clientes un borrador de como se verá X o Y diseño, para esto son muy útiles también los mockups ya que son plantillas en donde podrás insertar tus diseños y exportarlos.

Medidas para Redes Sociales: Facebook

Vamos a comenzar por la mas popular, estos consejos fueron extraídos de la página de ayuda y te recomiendo que si ves algún cambio en la plataforma la visites AQUÍ para estar actualizado.

La foto del perfil de tu página:

• Se muestra en 160 x 160 píxeles en la computadora, en 128 x 128 píxeles en smartphones y en 36 x 36 píxeles en la mayoría de los teléfonos básicos.
• Se recortará en forma de un cuadrado.

La foto de portada de tu página:

• Se muestra de 828 píxeles de ancho por 315 píxeles de alto en la computadora y de 640 píxeles de ancho por 360 píxeles de alto en smartphones.
• No se muestra en los teléfonos básicos.
• Debe ser de 399 píxeles de ancho por 150 píxeles de alto como mínimo.
• Se carga más rápido como un archivo .jpg sRGB de 851 píxeles de ancho por 315 píxeles de alto con un tamaño inferior a 100 kilobytes.

En el caso de las fotos del perfil y de portada que contengan tu logotipo o texto, los archivos .png ofrecen un resultado de más calidad.

Medidas para Redes Sociales: Twitter

Twitter en su página de ayuda no es mucho más específico pero de las pruebas sabemos que también recorta las imágenes en smartphones en 250 pixeles en cada lado.

Twiter recomienda entonces:

• Imagen de encabezado (el tamaño recomendado es de 1500 x 500 píxeles)
• Imagen de perfil (el tamaño recomendado es de 400 x 400 píxeles)

Allí se termino la cosa y la única aclaración que hace al margen de esto es que no acepta GIF animados como fotos de perfil. Bien breve al estilo Twitter 😉

Medidas para Redes Sociales: YouTube

Bueno bueno en YouTube la verdad es que me he llevado una sorpresa, la verdad es que hay una variedad bonita de dimensiones según el dispositivo pero en realidad es una mier#%&/) ya que en ordenadores es muy poco lo que finalmente se muestra de tu imagen de portada, por lo que si quieres elegir un diseño bonito no te quedará otra más que acudir a cosas simples y concentradas, olvídate de fotos, paisajes y cosas complejas.

Lo bueno de YouTube es que fiel al estilo Google, en su página de ayuda nos trae un enlace de descarga para un mockup propio o template de verificación que nos ayudará a verificar como se verá nuestra portada en todos los dispositivos. Punto para YouTube!

Lo que YouTube nos dice entonces sobre las imágenes de canal es:

• Anchura mínima: 2048 × 1152 píxeles. Esta es el "área de seguridad", que garantiza que el texto y los logotipos no se corten al aparecer en distintos dispositivos.
• Anchura máxima: 2560 × 423 píxeles. Esto significa que el "área de seguridad" siempre estará visible, pero que las áreas situadas a los lados de la cabecera se mostrarán en función del tamaño del navegador del espectador.
• Tamaño de archivo: se recomienda que sea de 4 MB o menos.

Medidas para Redes Sociales: Google+

Google plus es bastante simple en realidad de configurar, lo que debemos tener en cuenta es que aún hoy existe la posibilidad de elegir entre la versión anterior y la nueva versión de navegación lo cual puede hacer que se vean diferentes algunas cuestiones.

Ni te gastes en buscar info al respecto de las medidas por que no hay secciones oficiales, lo que hay son el fruto del trabajo de otras personas que como yo se han tomado el tiempo de hacer evaluaciones.

Las dimensiones que te voy a dar no son muy complicadas pero han funcionado en mobil y desktop, ten en cuenta que la portada de tu perfil en Google+ también se ve en Sobre Mi, algo así como un segundo perfil de tu cuenta de Google.

Medidas para Redes Sociales: LinkedIn

Lo primero que voy a decirte es que en realidad utilizar la foto de portada en LinkedIn no tiene mucho por aprovechar, está prácticamente cubierta por tu perfil en desktop por lo que en realidad no tiene mucho sentido.

Más allá de ello, al subir una imagen pequeña el mismo LinkedIn te dirá que el tamaño recomendado es de 1400×425 px por lo que si bien te voy a pasar unos mocks es realmente simple conseguir el tamaño deseado.

La verdad es que en mobil se va a achicar en forma proporcional de derecha a izquierda y de abajo hacia arriba por lo que es buena idea utilizar conceptos abstractos o genéricos (el clásico back de prensa quedaría de lujo).

Descarga Medidas para Redes Sociales y Mockups:

Lo prometido es deuda, por lo que te dejo unos enlaces de descarga, plantillas y webs de referencias aquí debajo.

Resumiendo:

Ya sea que necesites un mockup de imágenes en redes sociales para presentar tus proyectos profesionales o que lo que estés buscando sea renovar tus redes sociales, utilizar plantillas siempre es una buena opción para no perder tiempo con las dimensiones y tipos de dispositivos.

Tenes alguna otra fuente para compartirnos? Consejos o sugerencias? Comenta!

Comentarios

Comentarios