Thumbnail (miniatura)

Imagem reduzida que representa um conteudo maior pra pessoa reconhecer e escolher rapido.

Hard

O que é

Thumbnail e a versao reduzida de uma imagem, frame de video ou previa de documento, usada pra representar um conteudo maior. Ela funciona como um atalho visual, ja que a pessoa consegue varrer varias miniaturas em vez de abrir cada arquivo.

Esse atalho funciona porque o cerebro processa imagem mais rapido do que texto. O frame de um video, por exemplo, diz do que ele trata melhor do que o titulo sozinho, e a miniatura do produto deixa a pessoa navegar a vitrine sem carregar cada pagina.

O principal cuidado de design e a legibilidade no tamanho pequeno. Uma imagem detalhada demais perde sentido quando reduzida, entao vale escolher um visual simples e de bom contraste. E e importante sempre incluir texto alternativo pro leitor de tela, porque sem ele a miniatura acaba excluindo quem nao ve.

Em uma frase

Pra galeria carregar leve, a gente gera thumbnails comprimidas em vez de redimensionar o original.

A pergunta que ele responde

Como ajudo a pessoa a escolher rapido entre muitos itens sem abrir cada um?

Quando usar

Faz sentido pra ajudar a pessoa a varrer e escolher dentro de muitos itens, seja em galeria, video ou catalogo.

Como não usar

O cuidado e nao usar imagem cheia de detalhe que vira borrao no tamanho pequeno, e nao esquecer o texto alternativo.

Na prática

Pense numa galeria que gera versoes comprimidas das imagens pra usar como miniatura, em vez de apenas redimensionar o original. A tela carrega muito mais leve por causa dessa escolha.

Não confunda com

Vale separar a thumbnail da imagem em tamanho cheio. Ela e uma versao reduzida e otimizada, pensada pra reconhecimento rapido, e nao pra leitura detalhada. Ou seja, ela serve pra pessoa decidir o que abrir, nao pra ja entregar o conteudo inteiro.

D

Em inglês

Thumbnail

Pronúncia

tam-neil

Também chamado de

thumbnail, miniatura, thumb

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre Thumbnail Design