![Page 1: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/1.jpg)
Imágenes para el perfil de Twitter
Oct 2013
![Page 2: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/2.jpg)
![Page 3: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/3.jpg)
FONDO
Existen muchas opiniones sobre el tamaño ideal. Lo mejor es revisar los analíticos de tu sitio y diseñar para el mayor tamaño de pantalla que encuentres, es una buena referencia de tu target.
Si no tienes analíticos suficientes lo recomendable es 1920*1200
Si quieres ir a la segura 2560*1600 cubres al 99% de los usuarios
El tamaño de pantalla más común hoy en día es de 1366*768
Sin embargo debe verse bien y toda lo importante en 1024*768
![Page 4: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/4.jpg)
Hay 3 elementos a tener en cuenta en el diseño:
Un margen lateral de 22px del lado izquierdo. Sólo si piensan poner texto o logos de la marca
Una columna lateral izquierda de 200px de ancho por 700px de alto (máximo, puede ser menos)
El centro de la imagen queda bloqueado por los tuits que tiene un ancho de 870px
![Page 5: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/5.jpg)
Tips para el fondo
Las imágenes de patrones (estampados) funcionan bien para evitar pensar en los distintos tamaños. Esto es si no piensan poner una barra lateral.
![Page 6: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/6.jpg)
Imágenes que empiezan en la parte superior izquierda y se desvanecen
tienden a ser otra buena opción para no preocuparse de los tamaños.
![Page 7: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/7.jpg)
Una buena fotografía, collage o dibujo con una barra lateral es lo más común en cuentas de marcas
![Page 8: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/8.jpg)
Aprender a centrar las imágenes es un buen truco para que siempre queden al lado de la línea de tiempo
![Page 9: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/9.jpg)
Un error es alinear a la izquierda dando demasiado espacio al logo o a la imagen que queremos mostrar en lugar de centrarla
![Page 10: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/10.jpg)
Cabecera
Se despliega a 520x 260
Se recomienda subirla a 1252 x 626, 5MB Max
Hay tres opciones favoritas1. Poner una color
sólido2. Poner una imagen
de patrones (estampados)
3. Poner imagen que de continuidad al fondo
![Page 11: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/11.jpg)
Algunas reglas comunes son:
Si el fondo es un estampado o fractal, se puede usar lo mismo para la cabecera.
Lo mas importante es que la foto de perfil resalte de la cabecera siempre.
![Page 12: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/12.jpg)
Si el fondo es color solido se estila una cabecera con imagen o patrones.
![Page 13: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/13.jpg)
Si esl fondo es una imagen la continuidad entre el fondo y la cabecera es el truco
![Page 14: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/14.jpg)
Foto de perfil
Se recomienda subirla de 500 x 500
Se ve en el perfil de 81 x 81
En las conversaciones se ve de 31 x 31
Así que es importante que sea «reconocible» a este tamaño.
![Page 15: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/15.jpg)
Ejemplos completos
![Page 16: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/16.jpg)
![Page 17: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/17.jpg)
![Page 18: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/18.jpg)
![Page 19: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/19.jpg)
![Page 20: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/20.jpg)
![Page 21: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/21.jpg)
![Page 22: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/22.jpg)
Si vas a romper las reglas que sea algo harmónico y deslumbrante
![Page 23: Cómo crear imágenes para el perfil de Twitter](https://reader036.vdocumento.com/reader036/viewer/2022062320/559065811a28ab8e638b45e5/html5/thumbnails/23.jpg)
¡Gracias!
Adrián Valdezwww.conect.meTwitter: @iwant2connectFacebook: /iwant2connectPinterest: /conectmxBlog: www.hechoenmerca.com