O TinyImage inclui o recurso Downsizer, que redimensiona automaticamente (e comprime levemente) os preenchimentos de imagem das suas camadas do Figma para o tamanho real de cada camada. Isso é útil quando você importou imagens em alta resolução para o arquivo do Figma, mas depois reduziu bastante as dimensões da camada (e a imagem original grande continua sendo usada).
Um caso comum é adicionar uma imagem grande do Unsplash (ou de outro site ou plugin de banco de imagens) e depois redimensionar a camada para usá-la como uma imagem bem menor, de “card” ou “avatar”. Isso pode deixar o arquivo do Figma mais lento; um recurso como o Downsizer ajuda a reduzir o tamanho do arquivo e a melhorar o desempenho da página no Figma.
Usar o Downsizer para otimizar os preenchimentos de imagem da página
Para começar a reduzir os preenchimentos do Figma, abra a aba Downsize no cabeçalho do TinyImage.
O Downsizer verifica todas as camadas da página atual do Figma em busca de preenchimentos de imagem. Use as caixas de seleção do TinyImage para escolher quais preenchimentos serão reduzidos e clique no ícone de atualizar, chamado Rescan all fills on this page, sempre que precisar verificar a página de novo.
Selecionar camadas no Figma restringe a lista quando essas camadas correspondem a preenchimentos de imagem que o TinyImage já carregou. O TinyImage mostra Showing selected layer fills enquanto esse filtro está ativo. Se a seleção atual não tiver preenchimentos correspondentes, o TinyImage mantém visível a lista completa já carregada. Mudar a seleção não verifica a página de novo; use o ícone de atualizar para carregar preenchimentos recém-adicionados.
Selecionar os preenchimentos de imagem que serão reduzidos
Depois que os preenchimentos de imagem forem carregados, escolha quais você quer reduzir marcando ou desmarcando cada um na lista.
Se não souber a qual camada um preenchimento pertence, clique no botão de ícone Image na lista: o Figma aplica o zoom e rola a página até essa camada na hora.
Reduzir os preenchimentos
Quando a seleção de preenchimentos estiver como você quer, use o seletor de escala para escolher a resolução para a qual os preenchimentos de imagem do Figma serão reduzidos. O padrão é @2x, ou seja, os preenchimentos são reduzidos proporcionalmente para ter exatamente o dobro do tamanho da camada do Figma em que são usados. Você pode selecionar @1x para redimensioná-los ao mesmo tamanho da camada, mas o resultado não fica tão nítido quanto com @2x.
Quando estiver pronto, clique no botão Downsize Figma Image Fills para iniciar a redução. O TinyImage detecta automaticamente se cada imagem precisa ou não ser reduzida; as que precisam são redimensionadas (e levemente comprimidas) e substituídas automaticamente nas camadas do Figma. Depois que todas as imagens forem processadas, você vê o total de espaço economizado no arquivo do Figma.
Desfazer a redução de imagens no Figma. Se você usou o Downsizer sem querer ou selecionou alguns preenchimentos de imagem por engano, use a função Undo normal do Figma para voltar aos preenchimentos de imagem originais. Se precisar voltar mais, use File -> Show Version History no Figma para restaurar uma versão anterior do arquivo.