1/12/11

Consejos de como diseñar fondos de twitter

¿Cansado de las sosas imágenes que Twitter ofrece por defecto para decorar tu perfil? ¿Te gustaría diseñar tu propio fondo para Twitter, pero no sabes muy bien por dónde empezar? En realidad, como todo en este servicio, se trata de algo bastante sencillo si tenemos presentes unos cuantos conceptos básicos y sabemos con claridad qué queremos conseguir.

Así pues, abrid ya vuestro editor de imágenes favorito pues vamos a entrar directos en faena, con una serie deconsejos para crear fondos de Twitter clasificados en función del tipo de diseño que busquéis, para que podáis dar el toque definitivo de personalización a vuestro perfil. Recordad que una vez creado el fondo, podréis aplicarlo accediendo a Configuración > Diseño > Cambiar imagen de fondo.

Una única imagen grande

Fondo twitter
Si queremos que una única imagen decore el fondo de nuestro perfil, hay varias consideraciones a tener en cuenta. La primera y más evidente es la del peso, pues si nos pasamos de la raya podemos tener como resultado una carga excesivamente lenta, tanto que nuestros visitantes podrían haber cerrado nuestro perfil antes de llegar a ver la imagen. Una buena optimización en ese sentido será necesaria, y si necesitáis más consejos podéis visitar este artículo en el que explicábamos cómo hacer que vuestrasimágenes pesen menos.

El otro aspecto a considerar es el tamaño de la imagen, pues un fondo que tenga por ejemplo 1280 puntos de ancho quedará bien en un monitor de 17 pulgadas, ¿pero y qué pasara en monitores superiores a 20 pulgadas, cada vez más habituales? Yo recomendaría optar por una imagen que como mínimo tenga 2048×1536 píxeles, pero si veis que se queda muy pesada, siempre podéis bajar a 1600×1200.

Una imagen que se repita

Fondo twitter

En este caso no tendremos que preocuparnos (al menos no tanto) por el peso y el tamaño de la imagen, pero sí por otros aspectos, como por ejemplo que a la hora de repetirse la imagen encaje perfectamente, o de otra forma quedará bastante raro. En Internet existen multitud de galerías con fondos web diseñados para poner en repetición, así que si os gusta esta idea no tendréis problema en encontrar alguno ya hecho que os guste, o que os sirva de inspiración para un trabajo propio.

Tened en cuenta que la repetición se produce tanto en el eje horizontal como en el vertical, lo cual significa que todo aquello que tenga una anchura o altura mayor del tamaño de pantalla no se mostrará repetido en la correspondiente dirección.

Una imagen pequeña que se funda con el fondo

Fondo twitter
Esta opción queda bastante resultona si se hace bien, y dado que Twitter permite asignar cualquier color a nuestro perfil mediante nomenclatura hexadecimal, no será difícil hacer que el color coincida para que no se note dónde acaba la imagen y dónde empieza el fondo vacío. La clave será por tanto que la imagen que coloquemos, con la repetición desactivada, termine tanto en el lateral derecho como en la parte inferior en un único color, el mismo que asignemos al perfil.

En este caso la imagen siempre quedará alineada a la parte superior izquierda de la pantalla, y es importante tener en cuenta que no puede ser excesivamente ancha si queremos que se vea sin quedar solapada por el cuadro de texto, especialmente en monitores más pequeños.

Con firma o información en el lateral izquierdo

Fondo twitter


Por último ya, seguro que alguna vez habréis visto personas que utilizan la modalidad anterior, una única imagen alineada en la parte superior izquierda, para presentar información adicional sobre ellos o sus webs. Pero si antes el tema del tamaño de pantalla nos preocupaba sólo de manera tangencial, en este caso se trata de un aspecto crucial, pues si el cuadro de información que diseñamos es demasiado grande para ciertos monitores, nuestro trabajo habrá servido de poco.

Asumiendo que hoy en día la resolución mínima más habitual es de 1024×768 píxeles, esto nos deja libres unos 122 píxeles en el lateral izquierdo para trabajar. Si se os queda corto y preferís dar el salto a una optimización para pantallas a 1280 puntos de anchura, la imagen que preparéis podrá tener como máximo 252 píxeles. Desde luego, más de ahí no aconsejaría pasar.