Pular para o conteúdo principal
ToolsByUs

Redimensionar emblema do Roblox

Uma imagem de insignia Roblox tem 512 por 512 pixels e é exibida como um círculo. Recorte para esse quadrado aqui com a máscara circular desenhada, para que os cantos removidos pela máscara sejam visíveis enquanto você posiciona a arte, e não após publicar.

Só local

Solte um PNG, JPG, WebP ou GIF

ou em qualquer lugar da página · Escolher um arquivo · 100 MB

Aceitos: PNG, JPG, JPEG, WebP, GIF, AVIF

Redimensionar emblema do Roblox: explicação

Insignias são as recompensas que uma experiência dá aos jogadores — terminar um nível, encontrar algo escondido, jogar em um dia específico. A imagem tem 512 por 512 pixels e Roblox a renderiza dentro de um círculo, tanto na lista de insignias da experiência quanto no perfil de cada jogador que a conquistou.

Cento e cinquenta pixels é pouco, e a máscara circular remove cerca de um quinto do que você fornecer. Uma insignia portanto tem espaço para uma ideia: uma forma, um símbolo, um número. Qualquer coisa além disso vira uma textura.

Esta página recorta para o quadrado exato com a máscara desenhada sobre a visualização, para que um design encostado em um canto seja percebido antes do envio. Tudo é executado no seu navegador, sem conta e sem etapa de envio própria.

O bloco que representa toda a experiência tem um tamanho diferente — o redimensionador de ícone de experiência suporta 512 por 512.

Para arte que precisa atender a um tamanho de arquivo que foi fornecido, o compressor aceita um alvo em quilobytes.

Onde uma insignia é vista

Ao contrário de um ícone de experiência, uma insignia viaja: ela aparece nos perfis de jogadores que a conquistaram, o que é uma promoção gratuita para a experiência se a arte for distintiva.

SuperfícieRenderizado comoImplicação de design
Lista de insignias da experiênciaCírculo, tamanho moderadoO único lugar onde detalhes são visíveis
Perfil do jogadorCírculo, pequenoApenas silhueta e cor
Notificação de premiaçãoCírculo, pequenoPrecisa ser lida em menos de um segundo

Uma ideia por insignia

A 512 pixels dentro de um círculo há espaço para um único símbolo de alto contraste. Insignias de conquista que funcionam tendem a ser um objeto simples — uma chave, uma estrela, uma coroa, um numeral — sobre um plano ou gradiente suave de fundo.

Quando um conjunto de insignias marca progresso, varie a cor de fundo e mantenha a família de símbolos consistente. Um usuário escaneando um perfil lê as cores muito antes de ler as formas.

  • Centralize o símbolo e deixe margem; a máscara 'come' os cantos.
  • Duas ou três cores, alto contraste contra temas de perfil claros e escuros.
  • Estilo de símbolo consistente em um conjunto, cor de fundo variada.
  • Nenhum texto menor que aproximadamente um sexto da altura da insignia.

A máscara circular, em números

Um círculo inscrito em um quadrado cobre cerca de 79% de sua área, então aproximadamente um quilo do que você envia nunca é mostrado — tudo nos cantos. Um design que preenche o quadrado da borda à borda perde seus detalhes mais externos em todos os quatro lados.

A visualização desenha a máscara em suas proporções reais. Se o assunto tocar a borda do círculo em qualquer lugar, afaste um pouco: uma insignia com espaço para respirar lê melhor em tamanhos pequenos de qualquer forma.

Formato e transparência

PNG, quase sempre. A arte de insignia é plana e se beneficia de bordas nítidas, e a transparência fora do círculo evita que a insignia carregue um quadrado visível de fundo para uma página de perfil. JPEG está disponível para arte fotográfica de insignia, mas ele preenche transparência com cor sólida e anéis em bordas nítidas — ambos proeminentes neste tamanho.

Perguntas frequentes

Qual o tamanho de uma imagem de insignia Roblox?

512 por 512 pixels, quadrado no disco e circular na tela. Roblox aplica uma máscara circular, então cerca de um quinto do quadrado — tudo nos cantos — nunca é exibido em nenhum lugar onde a insignia aparece.

Por que minha arte de insignia parece recortada?

Devido à máscara circular e não a um recorte: os cantos do seu quadrado simplesmente não são desenhados. Qualquer coisa posicionada lá, incluindo uma assinatura ou a borda de um logo, some. A visualização mostra a máscara para que você possa posicionar o assunto com essa perda visível.

Como um conjunto de insignias de progresso deve diferir?

Pela cor de fundo, com um estilo de símbolo consistente. No tamanho que as insignias são mostradas em um perfil, a cor é lida primeiro e a forma em segundo, então uma rampa de cores é legível onde uma rampa de símbolos cada vez mais ornados não é.

As insignias aparecem fora da experiência?

Sim — no perfil de cada jogador que conquistou uma, o que faz com que arte de insignia distinta seja uma pequena peça de promoção contínua. Isso também significa que a arte é vista contra o layout de perfil do Roblox e não apenas dentro da sua própria interface.

Uma imagem de insignia pode ter fundo transparente?

Sim, e PNG é o formato para isso. A transparência fora do sujeito circular impede que a insignia carregue um quadrado visível de cor para páginas de perfil, e mantém ela correta em temas claros e escuros.

Minha arte de insignia é enviada quando a redimensiono?

Não. O recorte e a exportação são feitos pelo seu navegador nesta página e nada é transmitido — este site não tem endpoint para receber um arquivo. Você então envia o resultado através do painel de criador do Roblox.

Equipe ToolsByUs · Como verificamos nossas ferramentas