Prepare a arte compacta do ícone em três etapas específicas baseadas no navegador.
1
Escolha uma fonte simples
Escolha uma imagem simples com um assunto central em negrito e carregue-a do seu dispositivo.
2
Centralize o detalhe importante
Revise o recorte quadrado e posicione rostos, símbolos e objetos reconhecíveis dentro da área exata de 100x100.
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 100x100
Prepare ativos de ícones compactos específicos para avatares de perfil, ícones de lista de contatos e miniaturas de painel.
01
Design para uma moldura quadrada compacta
A tela 100x100 dá aos rostos, símbolos e objetos reconhecíveis uma composição de ícones compacta e deliberada.
Exporte exatamente 100x100 pixels
Proteja a área segura do avatar central
Teste o reconhecimento em escala de ícone real
Visualização do ícone compacto 100x100
Largura
100px
Altura
100px
100x100 px
02
Prepare avatares de perfil
Corte um rosto, uma ilustração ou uma marca pessoal em um quadrado consistente para os menus da conta.
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 100x100
avatares de perfilCorte de avatarSalvar ícone
100x100 px
Prepare avatares de perfil
Corte um rosto, uma ilustração ou uma marca pessoal em um quadrado consistente para os menus da conta.
03
Crie ícones de lista de contatos
Forneça às equipes, clientes ou contatos salvos um identificador rápido em linhas fortemente restritas.
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.
Crie ícones de lista de contatos
Criativo 100x100
Abrir contato
04
Crie miniaturas do painel
Represente projetos, arquivos ou áreas de trabalho com uma imagem pequena que suporta digitalização rápida.
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
miniaturas do painel
Crie miniaturas do painel
Represente projetos, arquivos ou áreas de trabalho com uma imagem pequena que suporta digitalização rápida.
Abrir painel
Ativo prontoícone compacto
Slot de interface
ícone compacto
Dimensões do ícone
100x100
Perguntas sobre imagens 100x100
Respostas sobre proporção 1:1, corte, qualidade da fonte, formatos, transparência e usos para imagens 100x100.
Qual proporção de aspecto uma imagem 100x100 tem?
Uma imagem 100x100 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 100x100?
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 100 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 100x100?
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 100 pixels de cada lado antes de criar o ativo compacto final.
Posso ampliar um ícone minúsculo para 100x100 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 100x100, 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 100x100?
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 100x100 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 100x100
Prepare avatares de perfil, ícones de lista de contatos e miniaturas de painel diretamente em seu navegador.