Medidas de portadas de Google+, Twitter y Facebook

Hay cosas que uno las da por sabidas y cuando se encuentra ante la necesidad de elaborarlas por uno mismo, cae en que no tiene ni idea de cuestiones básicas como puede ser la medida de una imagen. Me ha tocado, esta última semana dedicarme a las redes sociales, allí estuve recolectando las dimensiones correctas para que las imágenes de portada no se deformen o se pixelen en las tres redes sociales más importantes.

Claro que siempre se puede recurrir a los sitios que las ofrecen de forma gratuita para descargar, pero si quieren realizarla por ustedes mismos y no desean hacerles publicidad a través de la marca de agua que tiene más de marca que de agua, deberán saber que cada una de ellas despliega dimensiones diferentes de covers y avatares.

Dimensiones de la portada de Facebook

No confíen jamás en la calidad de visualización de Facebook, la imagen se verá borrosa en la mayoría de los casos, aunque hay un pequeño truco que me pasó Isa, que es que si la imagen pesa menos de 100kb y es .jpg se va a ver correctamente sin que Facebook la destruya. Ya verán si pueden editar la portada para encajar en ese peso, aún así las dimensiones correctas son las siguientes:

Previa de portada de Facebook

Medida del cover: 851 px. x 315 px.

Medida del avatar: 500 px. x 500 px. (se achica a 160×160 una vez que se sube, pero ese tamaño asegura la visualización).

Dimensiones de portada de Twitter

Podríamos decir que es la más simple de todas, Twitter no tiene sorpresas y se adapta por sus propios medios, sin necesidad de encajar perfectamente el tamaño se puede visualizar bien de cualquier manera. Aún así tiene sus propias medidas que si desean pueden seguir para un resultado óptimo.

Previa de dimensiones de la portada de Twitter

Medida del cover: 1252 px – x 626 px.

Medida del avatar: 500 px – 500 px.

Tamaño de muestra:

  • Cover: 520 px x 260 px.
  • Avatar: 80px x 80 px.

Nota: Si desean hacer encajar el avatar en el fondo, deberán utilizar las proporciones de la muestra y ampliarlas hasta el tamaño máximo. Así, por ejemplo los 25px de distancia entre la línea superior y el avatar da aproximadamente 60px y puede sacarse con una regla de tres simple.

Dimensiones de portada de Google+

Nadie duda que la portada de Google+ es monstruosamente grande, es prácticamente un wallpaper, por lo que mantener las medidas correctas es muy necesario para que todo se vea como corresponde. Al contrario del resto de los avatares, esta red social despliega círculos, es por ello que a la hora de diseñarlo deberán centrar el logo con algo más de espacio alrededor. El diseño de Google+ es adaptable, por lo que mientras mantengan el tamaño máximo cuando suben la imagen, el resto lo hará por si solo.

Vista previa de medidas de portada de Google+

Medidas del cover: 2120 px. x 1192 px.

Medidas del avatar: 250 px. x 250 px. (se adapta a 120 px x 120 px)

Encajar los elementos en un diseño adaptable puede ser un tanto complicado, por lo que tengan en cuenta las proporciones más que las medidas en si, el avatar se irá desplazando horizontalmente según la resolución pero siempre tendrá una distancia de 20px. desde el margen inferior siempre.