La zona segura de la miniatura, superficie a superficie

Por qué los números que encuentras no coinciden

Busca la zona segura de una miniatura y cada resultado te dará un rectángulo distinto. Uno dice que mantengas todo dentro de 1100 × 620, otro da un margen inferior de 40 píxeles, un tercero dibuja el recuadro en otro sitio.

No coinciden porque no hay nada con lo que coincidir. YouTube documenta cómo tiene que ser el archivo de una miniatura — tamaño, proporción, formatos, límites de peso, todo en la guía de tamaños y especificaciones — y no dice nada sobre qué partes del encuadre tapará su propia interfaz. Cada cifra de zona segura en circulación es la medición de alguien sobre un objetivo en movimiento.

Eso no hace inútil la idea. Los elementos de la interfaz sí son estables: llevan años en las mismas esquinas, y dónde están se puede observar. Lo que sigue es su mapa, y una regla de trabajo expresada en porcentajes en lugar de píxeles, para que sobreviva tanto a un cambio de tu lienzo como a un rediseño del suyo. YouTube publica requisitos para el archivo — resolución, proporción, peso, formato — y absolutamente nada sobre lo que su propia interfaz dibuja encima. Todo número de zona segura que circula, incluidos los de abajo, es la medición de alguien.

Qué se dibuja de verdad encima de tu miniatura

Sobre una miniatura se dibujan cuatro cosas, y no son igual de probables.

Fíjate en lo que no está en esa lista: el título, el nombre del canal y las visualizaciones no son superposiciones. Están debajo o al lado de la miniatura y nunca la tapan — lo que no significa que sean inofensivos, como explica más abajo la sección sobre el móvil.

La esquina inferior derecha es la que siempre se pierde

La insignia de duración es el único elemento con el que puedes contar siempre, y es la razón por la que la esquina inferior derecha no es espacio utilizable.

Su anchura depende de la duración del vídeo: cinco minutos dan una caja estrecha, una hora una más ancha porque la cadena es más larga. Así que ni siquiera el área que se come es fija, lo cual es un argumento para reservar con generosidad en lugar de medir con precisión. Reserva el quinto derecho del ancho y el sexto inferior del alto y quedarás libre con cualquier duración.

Es además donde muchos canales ponen el logo, y conviene decirlo claro: un logo en la esquina inferior derecha es un logo debajo de una caja negra.

El borde inferior, para quien ya pasó por aquí

La barra roja de progreso aparece a lo largo del fondo de la miniatura para quien ya ha visto parte del vídeo. Es fina, pero recorre todo el ancho, y aparece justo ante el público que más te interesa recuperar: suscriptores, gente que vuelve desde el historial, cualquiera que lo dejó a medias.

No te cuesta mucho espacio. Te cuesta el pequeño porcentaje inferior del encuadre, y es una buena razón para no terminar una línea de texto justo en el borde de abajo, donde una barra roja bajo los rasgos descendentes hace más difícil leer la última palabra a tamaño de ficha.

Los bordes, porque el recorte no es uno solo

El riesgo mayor ni siquiera es una superposición: es que el encuadre que diseñaste no siempre es el que se muestra. El mismo archivo aparece en una tarjeta de la cuadrícula de escritorio, en una tarjeta del feed móvil, en un resultado de búsqueda, en una fila de vídeos sugeridos, en la cuadrícula del canal y en un televisor, y esas superficies no tratan los bordes igual.

No puedes enumerarlo con ninguna seguridad, porque cambia con las versiones de las apps y con los tamaños de pantalla. Lo que sí puedes hacer es dejar de tratar la franja exterior del encuadre como espacio de diseño. Mantén la composición dentro del noventa por ciento central y las diferencias dejan de importar: lo que recorte cada superficie, recorta fondo.

La regla de trabajo, y una plantilla

Juntando las cuatro cosas sale una regla que no depende de un número que YouTube nunca publicó. Sobre un lienzo de 1280 × 720:

• Dejar libre — el quinto derecho del ancho por el sexto inferior del alto, para la insignia de duración.
• Dejar libre — el mismo bloque abajo a la izquierda, para las insignias de directo y subtítulos.
• Dejar libre — el tres por ciento inferior, a todo lo ancho, para la barra de progreso.
• Área segura — el noventa por ciento central en ambas direcciones absorbe las diferencias de recorte entre superficies.
• Texto y caras — el ochenta por ciento central por el setenta y seis, que es lo que queda una vez respetado todo lo anterior.

Dos plantillas a 1280 × 720 para revisar tu propio trabajo: una referencia con etiquetas y un overlay transparente para poner directamente sobre un diseño en tu editor. Por dentro son porcentajes, así que escalan a cualquier lienzo.

Usar las esquinas que no puedes usar

Reservar esas zonas no significa desperdiciarlas. La insignia se posa sobre lo que haya debajo, así que la única pregunta es sobre qué se posa cómodamente.

Ahí va el fondo: cielo, una pared, una parte desenfocada de la escena, una zona de color plano. En las esquinas de abajo quieres algo que se lea igual con o sin una caja negra encima. Un degradado que oscurece hacia abajo funciona bien, y de paso hace que la insignia de duración parezca intencionada en vez de puesta encima.

Lo que no va ahí es nada de lo que dependa la composición: los ojos del sujeto, el punto de llegada de un gesto, el final de un titular, un logo. Si sacar uno de esos de la esquina te desequilibra el diseño, suele ser señal de que el diseño se construyó para rellenar el rectángulo y no para funcionar a tamaño de ficha.

El título no la tapa, pero se lleva atención

En móvil el título va inmediatamente debajo de la miniatura, en negrita, casi al mismo ancho. No tapa nada y aun así cambia el diseño, porque el ojo lee la pareja como un solo bloque.

La consecuencia práctica es que el texto del tercio inferior de la miniatura compite con el título por la misma mirada, en la misma posición de lectura, casi al mismo tamaño. Y si las palabras de la miniatura repiten las del título, esa competencia es además un desperdicio: has gastado la zona más fuerte del encuadre en decir algo que el lector está a punto de leer.

Míralo al tamaño al que se verá

Todas las reglas anteriores fallan igual en la práctica: se siguen sobre un lienzo al 100%, donde una esquina parece enorme y un margen parece desperdiciado, y luego el archivo se publica sin haberse visto nunca al tamaño al que aparecerá.

Una miniatura en la columna de sugeridos es una fracción del ancho al que la diseñaste. A ese tamaño, un sujeto empujado a la esquina no solo está tapado: nunca fue legible. Meter tu diseño en un feed real, a tamaño real, es la comprobación que vuelve la zona segura evidente en lugar de teórica, y cuesta cosa de un minuto con la herramienta de vista previa.

Los errores que provoca, por frecuencia

Casi todo fallo de zona segura es uno de cuatro, y todos se arreglan antes de publicar.

• Una palabra del titular acaba en la esquina inferior derecha, así que la última palabra queda bajo la insignia de duración.
• El logo del canal está abajo a la derecha, medio tapado para siempre.
• Una cara está recortada tan pegada a un borde que una superficie que recorta unos puntos porcentuales se le mete dentro.
• El texto llega hasta el borde inferior, donde para quien vuelve la barra de progreso cruza los rasgos descendentes.

Los Shorts son un encuadre completamente distinto

Nada de lo anterior se traslada a los Shorts. El encuadre es vertical, las superficies que muestran la miniatura de un Short no son las mismas, y el recorte se comporta de otra manera: quita arriba y abajo, no en las esquinas.

Si publicas ambos formatos, trátalos como dos problemas distintos y no como un diseño redimensionado. El caso vertical está en la guía sobre miniaturas de Shorts.

Las preguntas que hace todo el mundo