Prepare a arte compacta do ícone em três etapas específicas baseadas no navegador.
1
Escolha uma imagem simples e reconhecível
Selecione no seu dispositivo um retrato, objeto ou emblema com bordas claras e pouco ruído no fundo.
2
Centralize o detalhe importante
Revise o recorte quadrado e posicione rostos, símbolos e objetos reconhecíveis dentro da área exata de 120x120.
3
Teste o resultado compacto
Processe a imagem, inspecione o ícone compacto na escala pretendida e baixe o arquivo completo.
Usos práticos para uma imagem 120x120
Simplifique retratos, objetos e emblemas em quadrados compactos que continuam claros em interfaces densas.
01
Design para uma moldura quadrada compacta
A tela 120x120 dá aos rostos, símbolos e objetos reconhecíveis uma composição de ícones compacta e deliberada.
Exporte exatamente 120x120 pixels
Proteja a área segura do avatar central
Teste o reconhecimento em escala de ícone real
Visualização do ícone compacto 120x120
Largura
120px
Altura
120px
120x120 px
02
Crie avatares para diretórios de equipes
Enquadre um rosto reconhecível para listas de funcionários, diretórios de membros ou cartões de projetos.
Deixe espaço ao redor de rostos e marcas
Antecipar máscaras de interface circulares
Remova detalhes perturbadores do fundo
Prepare a visualização dos avatares do perfil
Estúdio 120x120
avatares de perfilCorte de avatarSalvar ícone
120x120 px
Avatar da equipe
Corte um rosto, uma ilustração ou uma marca pessoal em um quadrado consistente para os menus da conta.
03
Prepare miniaturas para tabelas de transações
Use uma imagem simples de produto ou documento para diferenciar linhas sem competir com rótulos e valores próximos.
Use cores ou silhuetas distintas
Padronize a escala entre contatos
Mantenha as iniciais grandes e simples
Criar visualização de ícones da lista de contatos
ícones da lista de contatos
Forneça às equipes, clientes ou contatos salvos um identificador rápido em linhas fortemente restritas.
Miniaturas para transações
Criativo 120x120
Abrir contato
04
Crie emblemas para programas de fidelidade
Prepare um emblema de recompensa ou nível que funcione ao lado do status da conta e das informações de progresso.
Selecione uma sugestão para cada item
Mantenha os detalhes livres de máscaras arredondadas
Confirme as dimensões do componente
Criar visualização de miniaturas do painel
Programa de fidelidade
Emblema de recompensa
Represente projetos, arquivos ou áreas de trabalho com uma imagem pequena que suporta digitalização rápida.
Abrir painel
Ativo prontoícone compacto
Área da interface
ícone compacto
Dimensões do ícone
120x120
Perguntas sobre imagens 120x120
Respostas sobre nitidez, recorte, qualidade da imagem original, formatos e usos de um quadrado compacto de 120x120 px.
Qual proporção de aspecto uma imagem 120x120 tem?
Uma imagem 120x120 usa uma proporção de 1:1 porque ambos os lados são iguais. É um quadrado compacto adequado para avatares e ícones de interface, embora um destino possa exibir esse quadrado através de uma máscara circular ou arredondada.
Como devo cortar um rosto para um avatar 120x120?
Centralize os olhos e deixe espaço ao redor da cabeça para que o retrato ainda funcione se a interface aplicar uma máscara circular. Remova áreas de fundo que distraem, mas evite cortar tão apertado que o cabelo, os óculos ou o queixo toquem nas bordas.
Por que os detalhes desaparecem em 120 pixels?
A imagem inteira contém pixels limitados, portanto letras pequenas, linhas finas e texturas sutis têm pouco espaço para permanecerem distintas. Dê preferência a formas ousadas, contraste forte e um assunto claro e, em seguida, inspecione o resultado no tamanho real da tela.
Meu original precisa ser maior que 120x120?
Começar com um original maior e nítido fornece ao processo de redimensionamento melhores informações para bordas nítidas e redução mais suave. Certifique-se de que o corte quadrado escolhido cubra pelo menos 120 pixels de cada lado antes de criar o ativo compacto final.
Posso ampliar um ícone minúsculo para 120x120 sem desfocar?
A ampliação não pode inventar detalhes que faltam nas bordas. Uma fonte abaixo das dimensões de destino pode parecer suave ou em blocos em 120x120, especialmente em torno de texto e logotipos, portanto, comece com uma exportação vetorial ou uma fonte raster maior, quando disponível.
Qual formato de imagem é adequado para avatares e ícones?
PNG é útil para marcas transparentes e bordas gráficas nítidas, JPG é adequado para retratos comuns e WebP pode fornecer uma alternativa moderna e eficiente. Confirme se o aplicativo aceita o formato escolhido antes de enviar o ativo.
A transparência permanecerá no arquivo 120x120?
A transparência é mantida somente quando a fonte a inclui e você exporta para um formato compatível, como PNG ou WebP. JPG não possui canal alfa, portanto as áreas transparentes devem se tornar um fundo sólido na imagem baixada.
Onde as imagens 120x120 normalmente são usadas?
Eles podem caber em avatares de usuários personalizados, linhas de contato, itens de painel, pequenas amostras de produtos ou listas compactas de mídia. Como os requisitos de interface são diferentes, confirme primeiro as dimensões esperadas, o mascaramento e o limite de tamanho do arquivo.
Redimensionar imagem para tamanhos exatos de pixel
Escolha um tamanho de pixel pronto para abrir o redimensionador com a largura e altura exatas já definidas.
Crie seu ícone compacto 120x120
Transforme um retrato, objeto ou emblema em um quadrado compacto para diretórios, tabelas e programas de fidelidade.