Configurando el encabezado.jpg

Modificar la cabecera de twitter

Bueno este post como os decía en mi primer artículo, surge por una necesidad en el trabajo, donde me han pedido que cambie el diseño de la cabecera de twitter.

Si os habéis dado cuenta, twitter lleva unos días avisándonos de que ya podemos cambiar el diseño. Voy a dejar de un lado mi opinion de si es que se quieren parecer a facebook con éste cambio de imagen y os voy a decir como se puede cambiara.

Lo primero:

Entra en tu perfil de twitter: @hycookyourweb

@hycookyourweb

@hycookyourweb.jpg

En la parte superior derecha, dale al icono que es como una rueda> Configuración y ayuda

configuracion.jpgSe despliega el menu y vereis > Configuración @hycookyourweb-configuracion

En el menu de la derecha seleccionar >Perfil@hycookyourweb-configuracion-perfil

Como veis, sale un mensaje en amarillo, que te dice que ya puedes cambiar la cabecera diréctamente desde tu perfil:

Aviso de que ya puedes configurar tu foto

Como veis te dá la medida óptima para tu imagen es: 1252×626 (no pudiendo superar el tamaño de archivo los 5MB)

Si no teneis mucho tiempo y lo que quieres es aprovechar el diseño que ya tenias y adaptarlo al nuevo tamaño de la cabera, continua leyendo.

Modifiquemos la imagen para adaptarla:

Os dejo un video con lo que os voy a explicar a continuación.

video-cambiar-la-cabecera-en-tu-perfil

Si teneis un programa de edición de imágenes, abrir la imagen que teniais establecida.

Si no teneis ningún programa, os dejo el link a un software gratuito muy muy recomendable que se llama Gimp

En mi caso utilizo el photoshop desde hace tiempo, así que os lo enseño con el mismo.

Trabajando con photoshop

  1. Abro mi perfil en twitter con el navegador Firefox (que es el que suelo utilizar)
  2. A la imagen de fondo que tenia, me posiciono sobre ella con el ratón y con el botón derecho, le digo “Ver imagen de fondo
  3. Te abre la imagen en una pestaña nueva. Con el botón derecho otra vez, le digo “Guardar como ” y me la descargo.
  4. Hago lo mismo con la imagen de encabecezado. Botón derecho guardar como, y me la descargo.
  5. Abro las dos imágenes con phothoshop y creo una nueva con el tamaño recomendado por twitter (1252*626) modifico lo que necesito, guardar para web y lo guardas en tu directorio.
  6. Con las dos imagenes hago una nueva y la subo a mi perfil de twitter , como he explicado antes. Le das a Cambiar encabezado y voila!!

 

Resultado modificadondo la imagen cabecera twitter.jpg

Conclusión y correciones

Despues de ve el resultado, alucino… resulta que no sé porqué extraña razón , twitter te recomienda un tamaño de imagen de 1252*626 y que distorsiona su programa al tamaño 1500*500, con lo que no se muestra como la había diseñado. Es decir el tamaño que pone de 1256*626 en realidad tiene que ser 1500*500 y ésta advertencia te sale despues de haberlo subido…

En fin, ahora más o menos si queda cuadrada, pero ojo, twitter te redimensiona la imagen y queda todo un poco (bastante) distorsionado.

@hycookyouweb-imagen-de-cabecera-twitter-original-cabecera-modificada-resultado-activado

Aún veo muchas mejoras que hacer en mi diseño pero por ahora lo voy a dar por !!cocinado!!

Eso es todo, espero que os sirva para cambiar vuestra imagen.
Y a tí ¿qué te parece la nueva cabecera para twitter?

hello.cookyourweb

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *