Que compremos un producto o lo volvamos a poner en el estante a menudo depende de la imagen que aparece en el envase. Este es un hecho que, en la mayoría de los casos, nos afecta in­co­n­s­cie­n­te­me­n­te. La primera impresión del producto la obtenemos de su pre­se­n­ta­ción, que va a influir en nuestra decisión de compra. Al igual que la imagen de un envase puede animar al co­n­su­mi­dor a comprar, en Internet un thumbnail también es re­s­po­n­sa­ble de la primera impresión que causa el contenido web, como por ejemplo, imágenes y vídeos. Un thumbnail bien hecho atrae el interés y genera clics. Pero eso no es todo lo que un thumbnail puede hacer.

¿Qué es un thumbnail?

Un thumbnail (para abreviar “thumb”) es una imagen de vista previa reducida del original que se utiliza como marcador de posición. De­pe­n­die­n­do de la pla­ta­fo­r­ma, la miniatura debe tener un tamaño de­te­r­mi­na­do.

  • Google Image Search: si creas una miniatura de la versión de es­cri­to­rio para Google Image Search, se re­co­mie­n­da un tamaño de 177 píxeles. Sin embargo, también se pueden utilizar thu­m­b­nai­ls más pequeños.
  • Amazon: utiliza di­fe­re­n­tes tamaños de thu­m­b­nai­ls para di­fe­re­n­tes apli­ca­cio­nes. En la página de inicio se utilizan thu­m­b­nai­ls con una altura de 200 píxeles y un ancho dinámico. Las imágenes de vista previa en las páginas de categoría tienen una altura de 150 píxeles.
  • YouTube: los thu­m­b­nai­ls de es­cri­to­rio de YouTube tienen un tamaño de 210 x 118 píxeles en la página de inicio. Esto co­rre­s­po­n­de al formato de imagen 16:9 común. Para las su­ge­re­n­cias de vídeo a la derecha de un vídeo en ejecución, se utilizan mi­nia­tu­ras con un tamaño de 168 x 94 píxeles.
  • Pinterest: se orienta con la re­pre­se­n­ta­ción de imágenes de vista previa en el ancho de la imagen. Esto es fijo y tiene 236 píxeles. Cuanto más ancha sea la pantalla del es­pe­c­ta­dor, más imágenes se mostrarán una al lado de la otra.
De­fi­ni­ción

Un thumbnail (del inglés “uña del pulgar”) es una imagen de vista previa con un tamaño de archivo reducido que se utiliza como marcador de posición para un contenido mu­l­ti­me­dia de tamaño original.

¿Por qué usar thu­m­b­nai­ls?

La mayor ventaja de los thu­m­b­nai­ls es el reducido tamaño del archivo en co­m­pa­ra­ción con la imagen original. Si la gama de imágenes y el contenido au­dio­vi­sual en un sitio web se muestra en principio como mi­nia­tu­ras, los tiempos de carga pueden ser si­g­ni­fi­ca­ti­va­me­n­te más rápidos. Los usuarios de Internet deciden, por sí mismos y con un solo clic, qué contenido quieren ver y cargar en el navegador en tamaño original.

El reducido tamaño de archivo de los thu­m­b­nai­ls permite a los ope­ra­do­res de sitios web ofrecer a los vi­si­ta­n­tes una gran cantidad de contenido de un vistazo, sin aumentar el tiempo de carga de la página. Al hacer clic en la miniatura, por ejemplo, accederá al contenido mu­l­ti­me­dia en tamaño original, que puede abrirse en una nueva pestaña o ventana. Otras ventajas son:

  • Ahorro de espacio: las imágenes de vista previa permiten a los usuarios de Internet presentar una visión general de los di­fe­re­n­tes co­n­te­ni­dos mu­l­ti­me­dia en un espacio reducido.
  • Útil para el usuario: las imágenes tienen la gran ventaja de que pueden ca­p­tu­rar­se muy rá­pi­da­me­n­te. Los thu­m­b­nai­ls es­tru­c­tu­ran un sitio web para que los usuarios puedan orie­n­tar­se con mayor rapidez.
  • In­ter­ac­ti­vi­dad: los thu­m­b­nai­ls incitan al usuario a in­ter­ac­tuar con el sitio web, ge­ne­ra­l­me­n­te haciendo clic en una miniatura.

Los motores de búsqueda y programas de pro­ce­sa­mie­n­to y gestión de imágenes suelen generar au­to­má­ti­ca­me­n­te los thu­m­b­nai­ls. En especial, los usuarios que se conectan a Internet con di­s­po­si­ti­vos móviles como tabletas o sma­r­t­pho­nes se be­ne­fi­cian de un tamaño de archivo más pequeño y de la claridad del sitio web al que acceden.

¿Dónde se utilizan los thu­m­b­nai­ls?

Los thu­m­b­nai­ls se pueden encontrar en cualquier lugar de Internet, por ejemplo, en YouTube o en la búsqueda de imágenes de Google. Las tiendas online también utilizan imágenes de vista previa para presentar muchos productos si­mu­l­tá­nea­me­n­te. Si haces clic en un producto, la imagen original se muestra, por norma general, en una nueva ventana.

Thu­m­b­nai­ls en YouTube

Con las mi­nia­tu­ras para YouTube es im­po­r­ta­n­te que la imagen de vista previa atraiga la atención del es­pe­c­ta­dor en unos segundos y lo estimule a hacer clic en el vídeo. En la pla­ta­fo­r­ma de vídeo, la tasa de clics cuenta y el thumbnail juega aquí un papel im­po­r­ta­n­te. Para un youtuber, una imagen de vista previa exitosa es la mejor manera de obtener clics, vi­sua­li­za­cio­nes y po­si­ble­me­n­te nuevos su­s­cri­p­to­res.

Mientras que las mi­nia­tu­ras sirven pri­n­ci­pa­l­me­n­te como ma­r­ca­do­res de posición para las imágenes, YouTube persigue otros objetivos con ellas: un thumbnail se utiliza en esta pla­ta­fo­r­ma como una especie de cartel de cine para anunciar vídeos y atraer a los es­pe­c­ta­do­res. El objetivo es destacar entre la multitud. Esto convierte la miniatura en espacio pu­bli­ci­ta­rio en la búsqueda de YouTube.

Thu­m­b­nai­ls en la búsqueda de Google Images

Google utiliza thu­m­b­nai­ls en lugar de imágenes ori­gi­na­les en su búsqueda de imágenes para presentar a los usuarios un gran número de imágenes di­fe­re­n­tes al mismo tiempo. Haciendo clic en una de las mi­nia­tu­ras, se puede solicitar más in­fo­r­ma­ción y, si así se requiere, el usuario es reenviado di­re­c­ta­me­n­te al sitio web de origen.

Thu­m­b­nai­ls para GIFs

En co­m­pa­ra­ción con los thu­m­b­nai­ls de vídeo, las imágenes en miniatura para ani­ma­cio­nes GIF son mucho más simples. Dado que los GIFs son solo bucles cortos de vídeo, no­r­ma­l­me­n­te se omiten el texto y otros elementos de diseño, ex­ce­p­tua­n­do las vistas previas que conducen a una su­b­ca­te­go­ría y que se etiquetan en co­n­se­cue­n­cia. En principio, estas imágenes (fijas) funcionan como mi­nia­tu­ras inmóviles: se refieren a los archivos ori­gi­na­les y pro­po­r­cio­nan una orie­n­ta­ción rápida.

Thu­m­b­nai­ls en tiendas online

En las tiendas online, los thu­m­b­nai­ls se utilizan para mostrar varios productos en una página sin ra­le­n­ti­zar la velocidad de carga. El resumen de ca­te­go­rías también se muestra a menudo en forma de mi­nia­tu­ras. Esto lleva a los usuarios a las páginas del producto, que a su vez contienen mi­nia­tu­ras del producto. Haciendo clic de nuevo en los thu­m­b­nai­ls del producto, se abre la imagen original y se puede ver más in­fo­r­ma­ción sobre el producto. Esto también facilita la orie­n­ta­ción en la página co­rre­s­po­n­die­n­te.

5 consejos sobre cómo diseñar un thumbnail

La fre­cue­n­cia con la que se hace clic en un vídeo o una imagen depende del diseño de los thu­m­b­nai­ls. Teniendo en cuenta cómo estás co­n­s­tru­ye­n­do tu presencia en la web, hay di­fe­re­n­tes aspectos a los que debes prestar atención a la hora de crear un thumbnail. La di­fe­re­n­cia entre las imágenes de vista previa y thu­m­b­nai­ls au­dio­vi­sua­les es pequeña. Sin embargo, las mi­nia­tu­ras en vídeo suelen ser más complejas, lo que se debe, en parte, al hecho de que los vídeos tra­n­s­po­r­tan más contenido. Bá­si­ca­me­n­te, esto se aplica a ambas variantes: la miniatura debe coincidir con el contenido y animar al es­pe­c­ta­dor a hacer clic.

Estos 5 consejos te ayudarán a encontrar el diseño correcto para sus thu­m­b­nai­ls:

  1. Usa colores lla­ma­ti­vos.
  2. Una cara es una manera fácil de conectar con el es­pe­c­ta­dor.
  3. Utiliza momentos de acción para llamar la atención.
  4. Añade texto si solo con la imagen no es obvio de qué trata el vídeo.
  5. Aumenta el re­co­no­ci­mie­n­to de tu marca con un logotipo, etc. (branding).

He aquí un ejemplo de thu­m­b­nai­ls ex­pre­si­vos:

Hay muchos puntos que conforman un buen thumbnail:

  • Usa la miniatura del video de la misma forma que si fuera el cartel de una película
  • Muestra una imagen detallada que se ajuste bien al tema
  • Añade un título o palabras clave a la imagen
  • Aumenta el valor de re­co­no­ci­mie­n­to con un logotipo en la esquina superior izquierda

Situación legal de los thu­m­b­nai­ls

La normativa sobre derechos de autor en España se aplica tanto a las mi­nia­tu­ras como a las imágenes ori­gi­na­les. Por lo tanto, para evitar posibles problemas de derechos de autor, deberías, al igual que con otros ma­te­ria­les de imagen que no hayas creado tú mismo, indicar el autor de la imagen en un lugar adecuado. Además, es im­po­r­ta­n­te observar las reglas derechos de imagen. Si una imagen que deseas utilizar no está di­s­po­ni­ble bajo la llamada licencia libre, debes obtener el permiso del autor.

Ir al menú principal