Como crear un Banner de Cabecera para un canal de Youtube

En el artículo que nos ocupa voy a contarte como hacer o crear un diseño del banner para las cabeceras de Youtube de un canal de tal forma que se ajuste a la perfección a las diferentes resoluciones de pantalla gracias a una plantilla con medidas predefinidas.

Anteriomente vimos como crear un canal en Youtube y posteriormente podemos ver cómo optimizar el SEO para nuestros vídeos y canal.

En el que nos ocupa nos centramos en la creación de una cabecera que básicamente es la imagen superior que muestra el feed de los vídeos que vamos subiendo al canal.

Lo más destacable es que emplearemos una única imagen para el banner que se irá ajustando a las diferentes resoluciones de la pantalla desde donde se visualice nuestro canal.

Estas resoluciones se corresponden o se pueden diferenciar en las siguientes: Desktop, TV, Android – iOS (smartphone) y tablets.

De este modo debemos ajustarnos a ciertas medidas para que la imagen se vea como deseamos allá donde se visualice y para eso emplearemos una plantilla.

Por otro lado un diseño adecuado nos permite reforzar el perfil de nuestro canal y así debemos aprovecharlo en nuestro favor.

Una de las tareas que tengo pendientes es la de hacer la cabecera de mi canal, pero cosas de la vida todavía no me he puesto a ello.

En adelante, una vez la haga tendré que volver al post para actualizarlo y así mostrar mi diseño.

De todos modos, te dejo el enlace a mi canal al que puedes llegar haciendo clic aquí.

Aprovecha la ocasión y suscríbete 😉

Volviendo al tema.

como-hacer-un-diseño-para-youtube

Plantilla del banner para crear cabeceras para Youtube con un tamaño y diseño perfecto

Partimos de la idea que debemos emplear una única imagen que será la que se muestre en las diferentes resoluciones.

Según nos indican desde las directrices de tamaño del propio Youtube dicha imagen debe tener unas medidas de 2560x1440px, que se corresponden con el ancho y el alto de la imagen.

Ah y además no debe superar el tamaño de 2Mb.

Para esto podemos emplear un editor de imágenes como puede ser Gimp, que ya lo usamos en otro post para crear un banner o Photoshop, para hacer el diseño nuestra imagen de cabecera.

Aunque pensandolo bien hay una mejor solución que en siguientes líneas te cuento.

Este tamaño de imagen (2560x1440px) se vería por completo si por ejemplo accedemos al canal mediante una TV inteligente.

Ahora vamos viendo de mayor a menor resolución el tamaño de cómo se mostrarán las cabeceras de Youtube.

Medidas del tamaño del banner de cabecera en el PC

En las pantallas de pc, según la resolución del monitor se adaptará la imagen partiendo de las siguientes medidas: ancho de 2560px hasta 1546px y mateniendo siempre un alto de 423px.

Para los diferentes casos siempre centrada en el monitor.

Como prueba puedes visitar el diseño de este canal haciendo clic aquí.

Para hacer la prueba debes emplear un monitor de mayor tamaño e ir reduciendo el tamaño de la ventana del navegador para que veas cómo se va ajustando el ancho del mismo manteniéndose el alto.

El ancho mínimo de 1546px y los 423px se le denomina Área de seguridad.

Si realizamos el diseño sobre este área aseguramos la jugada, es decir que la cabecera se verá bien en la mayoría de resoluciones de pantalla.

resolucion-pantallas-canal-youtube

Medidas del banner de Youtube en Tablets

En esto dispositivos el ancho es un poco mayor y pasa a 1855px, manteniéndose el alto.

De igual modo si respetamos el Área de seguridad habrá un alto porcentaje de que se visualice correctamente en cualquier tablet.

Dimensiones de cabecera en Smartphone

Para smartphones con sistemas Android o iOS seguimos manteniendo el Área de seguridad para asegurar que se visualizará correctamente.

Recomendaciones sobre las medidas para el diseño – Descargar Plantilla Youtube

Bien para facilitar nuestro diseño puedes descargar haciendo clic aquí la plantilla que nos facilita el propio Youtube.

Una vez la descargues allí encontrarás tanto el fichero en PSD como un fichero en formato .png que puedes abrir directamente con el editor de imágenes que prefieras.

En ambos casos las dimensiones totales son las correspondientes al tamaño máximo de 2560x1440px.

La imagen como el PSD te servirá de referencia para cuadrar bien tu diseño.

Una vez lo tengas creado y subido a tu canal (lo vemos a continuación) te aconsejaría que pruebes a visualizarlo en todos los dispositivos que puedas para asegurar que se vea ok.

Crear y cargar la imagen del banner en la cabecera de Youtube para tu Canal

Ya tenemos creado nuestra cabecera! 🙂

Y ahora, ¿cómo lo muestro en mi canal?

Sencillo.

Accedes a tu canal, y en la zona superior derecha, si acercas el puntero se muestra un lápiz al que deberás clicar en el que se te mostrarán las opciones que muestra la siguiente imagen:

editar-cabecera-del-canal

Debes presionar la opción de Editar la cabecera del canal y acto seguido se mostará la opción de Subir foto.

Explora en disco y selecciona la imagen en la que hayas creado el diseño, recuerda que hay un tamaño máximo de 2Mb.

Una vez subida la imagen mostrará como se visualizará en los diferentes dispositivos como puedes ver a continuación.

previsualizacion-diferentes-pantallas

Llegado este punto además tienes la opción de ajustar el recorte de la imagen o dejar por defecto el ajuste automático.

Si la imagen que has creado tiene las dimensiones de la plantilla se ajustará correctamente, por lo que no habría que realizar ningún recorte.

De otro lado si has subido una imagen mucho mayor puedes ajustar el recorte manualmente y te deja la opción de previsualizar cómo se verá en los diferentes dispositivos antes de confirmar el recorte.

Como ves la carga de la imagen para la cabecera es muy sencilla.

Conclusión

Como has visto crear una cabecera para Youtube es de los más fácil y lo que hay que tener claro es que una única imagen nos sirve para todas la resoluciones de pantalla dándole el tamaño adecuado.

Una vez partiendo de la plantilla simplemente puedes ajustar el diseño al Área de seguridad (que es lo que se verá en la mayoría de pantallas) y luego ir ampliando el diseño para dispositivos de mayor tamaño, como puede ser el caso de las TV con conexión a internet.

Espero que sea de ayuda y eres libre para dejar tus ideas en los comentarios 🙂

Valora y comparte

Valoraciones: 1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 voto, media: 4,60 sobre 5)
comments powered by Disqus

Suscríbete al Blog

Recibe las últimas novedades en tu correo y llévate GRATIS una guía de atracción para tu fanpage de Facebook. No Spam.

Ya te has suscrito! Gracias!