Cuando te dispones a comprar un coche, un piso, inversiones que requieren tiempo para decidirse, lo primero en que nos fijamos es la imagen que ofrecen. Es decir, en la primera impresión que tenemos nada más ver el objeto en cuestión.
Estas compras hoy en día se suelen empezar a través de Internet, haciendo búsquedas en páginas web especializadas o en el caso de los coches, acudiendo a las páginas web de los fabricantes, intentando descubrir las características de cada modelo.
En este último caso, si os habéis fijado, se suelen mostrar fotografías en miniatura que pueden ser ampliadas para percibir más detalles del producto. Esas imágenes son conocidas como thumbnail y son las responsables de que tu primera impresión en una página web sea positiva.
Por eso, en este artículo veremos con un poco más de detalle en qué consisten y cómo aprovecharlos al máximo.
*Artículo con contenido actualizado en 2022
¿Qué es un thumbnail y qué finalidad tiene su uso?
Un thumbnail es una miniatura de la imagen de tamaño original que se emplea cuando esta es demasiado grande para mostrarse a primera vista.
Este formato de imágenes no es homogéneo para todas las plataformas y redes sociales existentes hoy en día. De hecho, cada una tiene sus propias medidas. Por ello, es necesario reajustar el tamaño de los archivos de imagen según donde quieras tener una cuenta abierta y generar actividad con tus seguidores.
Por poner algunos ejemplos, los vídeos de YouTube cuentan con unos thumbnails de 1280 × 720 (con un ancho mínimo de 640 píxeles).
Otro ejemplo: la página web de PC Componentes muestra thumbnails cuadrados de 220 píxeles para sus productos de catálogo.
¿Para qué puedes usar los thumbnails?
El objetivo de los thumbnails es captar el interés de los usuarios, ya sea para un vídeo de YouTube, crear unas buenas primeras impresiones de cualquier producto o alentar a hacer clic en cualquier contenido web.
Al tener como principal punto a su favor el reducido tamaño de cada archivo en relación al original, todas las páginas web que quieren ofrecer a sus clientes su amplia cartera de productos (tiendas online, operadores de streaming y contenido audiovisual, etc) pueden hacerlo a golpe de vista o usando pocos clics.
Cuando el cliente encuentra lo que busca y pulsa el botón, accederá a ese contenido o producto en una versión grande de la imagen o incluso a tamaño original si así lo desea. A mayores de esta, el uso de miniaturas tiene otras ventajas:
- Puedes ahorrar espacio al presentar una especie de panorámica con todos tus productos disponibles en una única pantalla o incluir una galería de imágenes de manera óptima.
- Al usar archivos de poco peso y tamaño, estarás optimizando el tiempo de carga de tu página web, una característica siempre valorada por los usuarios.
- Consigues enganchar con más facilidad a tus visitantes ya que continuamente es puedes ofrecer nuevo contenido o nuevos productos para que les echen un vistazo y, con un poco de suerte, acaben gastando más dinero.
Algunos ejemplos de buen uso de los thumbnails
Los thumbnails están en todas partes, desde los grandes portales como YouTube o Amazon hasta en cualquier plantilla que puedes descargar para tu blog en WordPress. Veamos ahora algunos ejemplos de cómo se están utilizando, por si te sirve de inspiración para tu negocio.
YouTube
Si quieres triunfar en la plataforma de vídeo online más usada en todo el mundo, es importante atraer la atención de los espectadores a través de buenas imágenes en miniatura, que le inciten a entrar a ver el vídeo entero. Los thumbnails son clave para conseguir clics, más visualizaciones y, finalmente, nuevos suscriptores que sigan tus novedades. Todo ello acabará redundando con el tiempo y tu buen hacer en monetizar tu canal de YouTube.
Un ejemplo es el canal de The Coaches’ Voice, cuya pantalla de inicio muestra todos los vídeos divididos por temáticas, además de mostrar los vídeos más populares y el último contenido subido:
YouTube utiliza los thumbnail para anunciar cada vídeo como si fuese un cartel de cine, una imagen que capte la atención de los usuarios rápidamente y que se queden viendo el vídeo entero que se les ofrece.
Google Images
El propio buscador de Google sabe que debe manejar millones de imágenes por segundo para dar cabida a todas las búsquedas que hacen sus usuarios. Por ello, no le queda más remedio que utilizar thumbnails en lugar de las imágenes originales para ofrecernos toda la ingente cantidad de datos que tienen almacenada en sus servidores.
Funciona de la siguiente forma: mientras ves las miniaturas, si haces clic en una de ellas se despliega en un mayor tamaño y se ofrece más información sobre el origen de la foto. Si estos datos te resultan interesantes, haciendo clic en el enlace original podrás ver el artículo o publicación de blog donde está alojada la imagen original a su tamaño completo.
Un ejemplo son todos los thumbnails que existen en Internet cuando hacemos una búsqueda en Google con la keyword “el irlandés”, nombre de la película dirigida por Martin Scorsese.
Movistar +
El principal operador telefónico de España creó su propia plataforma de streaming en 2015 al fusionar su plataforma Movistar TV y Canal +. Con más de 4 millones de abonados, Movistar ofrece una gran variedad de contenido audiovisual en exclusiva para sus suscriptores, como nuevas series o espectáculos en directo. El uso de thumbnails es similar por ejemplo al de YouTube, ya que todos los vídeos se clasifican en distintas categorías y se muestran en imágenes pequeñas que el usuario puede ver de un vistazo y acceder al archivo en sí en pocos clics.
Ecommerce
Si tienes pensado crear una tienda online, el uso de los thumbnails se centra principalmente en mostrar más de un producto al mismo tiempo sin que esto afecte en exceso a la velocidad de carga de tu web.
Lo más normal cuando un cliente realiza el proceso de compra es entrar en tu página web, buscar el producto que quiere adquirir y verlo en un thumbnail con una pequeña descripción. Si le convence, hará clic en la imagen para entrar en la propia página del producto, donde verá más imágenes y una descripción más detallada, además de información sobre envíos, métodos de pago y plazos de devolución, entre otras cosas. Si finalmente se decide a comprarlo, lo meterá en su carrito de la compra y acabará comprándolo.
Veamos un ejemplo de Amazon, el mayor comercio electrónico del mundo, que usa también thumbnails en diferentes disposiciones para atraer la atención de cada usuario.
Consejos para diseñar un thumbnail que brille
Dado que la frecuencia con la que los usuarios entran en un determinado producto o vídeo depende en gran medida de cómo presentas los thumbnails en tu negocio. Existen diferentes aspectos a tener en cuenta cuando crees un thumbnail atractivo.
Si tienes un canal de YouTube, te recomendamos que uses colores llamativos, que impacten al usuario y le hagan investigar de qué se trata esa miniatura, qué vídeo se esconde detrás de ese icono. También te puede ser de utilidad poner tu cara en ese icono, o la de otra persona si por ejemplo has subido un vídeo con una entrevista a una persona conocida.
En un segundo escalón, te recomendamos que añadas un breve texto al thumbnail solo en caso de que la imagen no sea suficiente para describir visualmente el contenido que ofreces y, por supuesto, utiliza algún botón call-to-action para que el usuario lo pulse y acceda a más contenido.
Por último, si lo prefieres y el thumbnail que es parte de tu producto ya tiene mucha calidad sin necesidad de añadirle demasiadas cosas, puedes aumentar su valor mostrando tu logotipo, como una forma de hacerte valer y obtener reconocimiento por parte del público.
¿Ya sabes cómo diseñar el thumbnail perfecto?
Un buen diseño de thumbnails puede darte el empujón definitivo que estabas buscando desde hace tiempo.
Preparar bien tu contenido, subirlo y promocionarlo no es suficiente si no consigues causar el impacto visual necesario en tus clientes o seguidores. Aquí hemos enseñado algunos ejemplos, pero el que tiene que trabajar con Photoshop y otras herramientas de diseño eres tú. Dedícale algo de tiempo ¡y alcanzarás el éxito!
Bibliografía: https://es.godaddy.com
