Ampliador de pixel art: aumento inteiro com bordas nítidas
Aumente a pixel art de 1 a 20 vezes com amostragem por vizinho mais próximo: cada casa vira um quadrado maior, sem interpolação e sem bordas suavizadas.
Solte a imagem aqui · Suporta ampliação de 1 a 20x
- 1–20
- ampliação inteira
- 0
- envios (tudo no navegador)
O que o ampliador faz
Um ampliador de pixel art copia cada pixel existente em um bloco N×N da mesma cor, então a saída fica N vezes maior enquanto o conteúdo permanece pixel por pixel idêntico. Esse método é a amostragem por vizinho mais próximo: ele replica, não mistura, por isso as bordas de cada quadrado continuam retas.
A ampliação comum de imagem usa interpolação bilinear ou bicúbica, calculando cores intermediárias a partir dos pixels vizinhos, o que suaviza cada borda. Ao passar pixel art por esse processo, os blocos de cor limpos ganham um halo de tons intermediários; voltar à aparência de pixel exige então quantizar a imagem outra vez. Como o dano fica gravado em toda cópia futura, vale guardar um original intocado e ampliar apenas a partir desse arquivo, em vez de ampliar uma captura de tela já ampliada.
Especificações e limites
Quatro itens definem como a ampliação se comporta:
| Algoritmo | Replicação por vizinho mais próximo em escala inteira, sem cores intermediárias. |
|---|---|
| Faixa de escala | De 1x a 20x, só números inteiros. O 1x serve para comparar com a origem; 2x, 4x e 8x cobrem a maioria das necessidades de exibição. |
| Comprimento máximo do lado | Limitado pela tela do navegador: 32767 pixels por lado, caindo para 16384 pixels quando o tamanho maior não está disponível. |
| Saída | Um PNG com o canal alfa intacto, nomeado com o fator de escala (por exemplo, upscaled-4x). |
O limite vale por lado e não para a área total: uma imagem de 1000×1000 em 20x vira 20000×20000, acima do limite alternativo de 16384, então reduza a origem ou diminua o fator primeiro.
Fatores de escala e tamanhos de saída
O lado da saída é o lado da entrada multiplicado pelo fator. A tabela coloca fatores comuns ao lado de três tamanhos de entrada para você estimar a memória antes de começar:
| Escala | Entrada 16×16 | Entrada 32×32 | Entrada 64×64 |
|---|---|---|---|
| 2× | 32×32 | 64×64 | 128×128 |
| 4× | 64×64 | 128×128 | 256×256 |
| 8× | 128×128 | 256×256 | 512×512 |
| 10× | 160×160 | 320×320 | 640×640 |
| 20× | 320×320 | 640×640 | 1280×1280 |
Dobrar o lado quadruplica a quantidade de pixels. Em 20x o lado fica 20 vezes maior, mas a contagem de pixels fica 400 vezes maior, que é exatamente onde aparecem a pressão de memória e os limites da tela do navegador.
Cinco passos para ampliar uma imagem
- 1
Selecione ou arraste uma imagem
Formatos de imagem comuns são aceitos. Prefira o recurso em pixels original a uma captura de tela: capturas costumam ter sido comprimidas e reamostradas por uma plataforma, então ampliá-las produz blocos irregulares.
- 2
Defina o fator de escala
Comece em 1x para confirmar a base e depois suba o fator até o tamanho de exibição que você precisa. Só fatores inteiros mantêm todos os pixels da origem do mesmo tamanho; um fator fracionário gera colunas e linhas de larguras diferentes.
- 3
Compare a origem e o resultado
Veja a origem e o resultado lado a lado e confirme se as bordas são ângulos retos limpos e não franjas cinzentas. Transições suaves visíveis significam que a origem já foi interpolada em algum momento, então volte ao arquivo original em vez de ampliar uma captura de tela que perdeu a grade.
- 4
Confira o limite de tamanho
Multiplique o lado da origem pelo fator. Perto de 16384 ou 32767, diminua o fator primeiro. Quando o alvo passa do limite da tela, a ferramenta informa isso em vez de produzir uma imagem vazia.
- 5
Baixe o PNG
O PNG baixado mantém a transparência e pode ir direto para arquivos de design, documentos ou um projeto de jogo. Para mudar o conteúdo em pixels, leve-o de volta ao gerador de pixel art ou ao editor.
Origens boas e ruins
Boas: ícones e personagens em pixels
Ícones, sprites e personagens de 16×16 a 64×64 continuam quadrados de borda dura depois da ampliação, o que serve para imagens de exibição, ilustrações de tutorial e material para impressão. Mantenha o arquivo de origem pequeno e amplie só no final, porque ampliar antes de editar faz cada pincelada cair em um bloco de 20×20 em vez de um único pixel.
Boas: capturas de padrões de contas
Ampliar a imagem de um padrão exportado escala as linhas de grade e os blocos de cor juntos, o que ajuda na hora de projetar o padrão ou fixá-lo na parede enquanto você monta. Para refazer o layout, exporte de novo a partir do editor em vez de ampliar uma captura de tela.
Ruins: fotos e degradês
Uma foto não tem grade de pixels real, então ampliá-la só produz blocos grandes de cor e o detalhe nunca volta. Para obter aparência de pixel, reduza a resolução e quantize as cores antes no gerador de pixel art.
Páginas relacionadas
Perguntas frequentes
Por que o resultado continua em blocos e não mais nítido?
A pixel art ganha clareza pelas bordas em bloco, não por detalhe extra. A ampliação por vizinho mais próximo copia cada bloco maior, então parece nítida, mas não consegue inventar pixels que a origem nunca teve. Mais detalhe exige redesenhar ou reconverter em uma grade mais fina, não um multiplicador maior.
Qual é o fator de escala máximo?
De 1x a 20x, só números inteiros. Fatores fracionários copiariam pixels diferentes da origem em colunas de larguras diferentes, gerando casas irregulares, por isso não são oferecidos. Para exibição, 4x ou 8x normalmente basta.
Por que a ferramenta informa um limite de tamanho da tela?
A tela de um navegador suporta cerca de 32767 pixels por lado, e alguns ambientes apenas 16384. O lado da saída é o lado da origem multiplicado pelo fator, então acima desse valor a memória não pode ser alocada e a ferramenta para com uma mensagem em vez de exportar uma imagem incompleta. Diminua o fator, divida a origem em partes ou recorte-a antes.
O fundo transparente é preservado?
Sim. A ampliação copia as cores dos pixels, incluindo o alfa, então o PNG exportado mantém a transparência e pode ser sobreposto a qualquer coisa. Se a origem tem bordas semitransparentes, esses pixels também viram quadrados inteiros, apenas com a mesma opacidade parcial.
A imagem ampliada pode ser usada como padrão de contas?
Não. A escala muda apenas as dimensões; as casas não carregam códigos de cor, legenda nem contagem de contas, então um padrão montado a partir dela não pode ser conferido com as contas que você tem. Para montar, quantize a imagem para a paleta de uma marca no gerador de padrões de contas, ou abra um padrão existente no editor para ler os códigos e os totais antes de comprar qualquer coisa.
Minha imagem é enviada a algum lugar?
Não. O carregamento, a mudança de escala e o download rodam no navegador sobre uma tela, então o arquivo nunca sai do seu dispositivo e nenhuma cópia permanece depois que você fecha a página. Imagens grandes consomem memória local, e é por isso que fatores altos podem disparar uma mensagem de falta de memória.
Qual é o formato do download?
PNG, com o fator no nome do arquivo, como upscaled-4x, para que versões diferentes de uma mesma imagem continuem distinguíveis. Se precisar de JPG ou WebP, converta o download depois, lembrando que o JPG não guarda transparência e pode acrescentar artefatos de compressão em volta dos blocos de cor duros, que é exatamente o que a pixel art não quer.
Bordas serrilhadas são um erro?
Não. As bordas serrilhadas são os próprios blocos de pixel e são a aparência esperada da pixel art. O que merece atenção é uma franja cinzenta ou um degradê ao longo de uma borda, o que significa que a origem foi interpolada antes; volte a um original não comprimido antes de ampliar.
Selecione uma imagem para ampliar
Aumente a pixel art de 1x a 20x no navegador com amostragem por vizinho mais próximo, exportada como PNG transparente, sem enviar a imagem de origem.
Converta uma foto em pixel art primeiro