Ampliador de pixel art
Amplie pixel art sem borrar — escala inteira, um bloco sólido por pixel
Solte sprites aqui
ou clique para escolher arquivos — até 20 por vez
Cada pixel original é copiado para um bloco quadrado sólido. Nada é enviado e nada é misturado.
Escala
Somente números inteiros. Um fator como 1,5× daria a alguns pixels um bloco de 2×2 e a outros um de 1×1, o que faz um resultado de "vizinho mais próximo" ainda parecer errado.
Disponível quando o arquivo é identificado como uma ampliação por fator inteiro de um original menor.
img.pixel-art,
canvas.pixel-art {
image-rendering: pixelated;
}Sem isso, o navegador volta a borrar o sprite sempre que o redimensiona para exibição.
Antes de começar com Ampliador de pixel art
Amplie pixel art e sprites com escala por vizinho mais próximo em fatores inteiros, para que as bordas continuem definidas em vez de borradas.
Ideal para
- Ampliação de sprites, tiles, ícones e pequenos recursos de jogos em pixel art
- Preservação de cada pixel original como um bloco de bordas nítidas
- Processando até 20 saídas PNG com escalas semelhantes em um lote
Saiba antes de começar
- A ferramenta replica pixels existentes; não inventa novos detalhes nem amplia fotografias
- Os fatores de escala são números inteiros de 2× a 32×
- A saída é PNG para preservar bordas nítidas e transparência
Continue o fluxo de trabalho
Como usar
1. Arraste seus sprites para cá
Até vinte arquivos por vez, decodificados pelo navegador e nunca enviados. Cada um é lido novamente pixel a pixel e recebe uma avaliação: um verdadeiro Original 1× está pronto para redimensionar; já em N× significa que o arquivo é uma replicação exata em blocos de um original menor, e o painel oferece restaurá-lo primeiro; bordas suaves significa que a paleta é grande demais para pixel art e os limites já foram misturados por algum redimensionamento anterior. A verificação é uma leitura dos pixels, não uma garantia — informa a aparência do arquivo para que você decida e nunca promete corrigir algo que não pode.
2. Escolha um fator inteiro
Escolha um dos botões ou digite qualquer inteiro de 2 a 32. A linha de cada arquivo mostra o processo completo antes de confirmar — 32×32 → 8× → 256×256, ou 256×256 → restore to 32×32 → 8× → 256×256 quando a opção de restauração está ativada. Restaurar usa um pixel representativo de cada bloco detectado, o do canto superior esquerdo, e aplica seu fator à imagem menor; só está disponível quando o arquivo foi realmente detectado como uma ampliação inteira. Os navegadores limitam o tamanho do canvas, então um fator que produziria algo acima de aproximadamente 16.384 pixels por lado ou 256 megapixels no total é recusado, com indicação do maior fator que caberia, em vez de entregar silenciosamente uma imagem em branco.
3. Confira a prévia e baixe
Os painéis de antes e depois são renderizados com image-rendering: pixelated, então o que você vê é o conteúdo do arquivo, e não uma versão suavizada pelo navegador. Baixe um único resultado ou todos eles em um ZIP. A saída é sempre PNG: um formato com perdas voltaria a introduzir bordas suaves e halos em uma imagem cujo objetivo é justamente ter bordas nítidas. O trecho de CSS no painel é a outra metade do trabalho — copie-o para sua folha de estilos para que o navegador não desfaça o trabalho ao redimensionar o sprite para exibição.
Por que o fator de escala precisa ser um número inteiro
Redimensionamento por vizinho mais próximo significa que cada pixel de saída simplesmente copia a cor do pixel original mais próximo — nenhuma média é calculada, então não aparecem novas cores nem as bordas ficam suaves. Isso sozinho não basta. O fator também precisa ser um número inteiro, e é nessa parte que a maioria das ferramentas erra sem avisar.
A 3×, cada pixel original vira um quadrado idêntico de 3×3. A grade permanece uniforme, e cada pixel original ocupa exatamente a mesma parcela da imagem de saída. A 1.5×, a grade de amostragem deixa de se dividir uniformemente: dois pixels originais precisam compartilhar três pixels de saída, então um vira um bloco de 2 pixels de largura e o vizinho, um de 1 pixel, em um padrão alternado por toda a imagem. Ainda não há mistura — tecnicamente, o resultado é por vizinho mais próximo —, mas os tamanhos dos pixels ficam visivelmente inconsistentes. Linhas retas ganham degraus irregulares, diagonais desenvolvem uma escada que nunca existiu na arte, e um dithering quadriculado vira listras. Isso parece uma estranheza vaga, e não um borrão óbvio, por isso passa pela revisão com tanta frequência.
A consequência prática é escolher o tamanho-alvo de trás para frente. Se você precisa que um sprite de 48×48 ocupe cerca de 150 pixels em um layout, exporte em 3× (144) ou 4× (192) e deixe o CSS ou sua grade absorver a diferença — não peça exatamente 150 a um redimensionador. É também por isso que esta ferramenta recebe um fator, não uma largura-alvo: não há uma maneira correta de atingir uma meta arbitrária de pixels em pixel art, então ela não oferece essa opção.
Perguntas
Isso pode corrigir um sprite que já está borrado?
Não, e nenhuma outra ferramenta consegue. Depois que um redimensionamento bilinear ou bicúbico calcula a média de cores vizinhas em novos pixels intermediários, os limites nítidos originais desaparecem — a informação sobre onde uma cor terminava e a próxima começava foi descartada quando esses pixels intermediários foram gravados. A nitidez aumenta o contraste nas bordas, mas não restaura a grade discreta de cores, e um ampliador por IA inventa detalhes plausíveis em vez de recuperar os reais. A ferramenta sinaliza esse caso como bordas suaves para que você saiba antes de gastar tempo. A solução é voltar à origem original sem desfoque e redimensioná-la.
Por que apenas PNG?
PNG é sem perdas, então os pixels do arquivo são exatamente os pixels calculados. JPG foi feito para fotografias: ele funciona descartando detalhes de alta frequência, e um limite abrupto entre duas cores chapadas é o elemento de maior frequência que uma imagem pode conter. Por isso, surgem oscilações e vazamento de cor ao redor de cada borda — exatamente os artefatos que esta ferramenta procura evitar. WebP com perdas tem o mesmo problema em menor intensidade. Oferecer qualquer um dos dois seria oferecer uma forma de desfazer o trabalho.
E quanto a hqx, xBRZ e scale2x?
Esses algoritmos examinam os vizinhos de cada pixel e tentam suavizar os degraus em diagonais e curvas sem introduzir desfoque. Eles podem ficar excelentes em sprites com contornos limpos e visivelmente piores em arte com pontilhamento ou ruído, em que o reconhecimento de padrões interpreta o pontilhamento como bordas e suaviza detalhes que o artista colocou intencionalmente. Esta ferramenta não os implementa, porque o vizinho mais próximo com fator inteiro é a escolha previsível e a desejada por padrão. Nosso guia de ampliação de pixel art aborda o que cada um realmente faz e quando vale a pena usá-lo.
Por que minha imagem parece borrada no navegador depois de baixar?
Porque o navegador a redimensionou novamente durante a renderização usando sua suavização padrão. Qualquer contêiner responsivo, zoom da página ou tela de alto DPI pode causar isso, mesmo quando o arquivo já está no tamanho em que você queria exibi-lo. Adicione image-rendering: pixelated para o <img> ou elemento canvas — o trecho no painel da ferramenta é exatamente esse —, e o navegador passa a usar amostragem por vizinho mais próximo. Em uma engine de jogos, a mesma configuração fica na textura: filtragem Point ou Nearest, definida separadamente da escala de exportação.
Funciona em fotos?
Ela funcionará, mas vizinho mais próximo é a ferramenta errada para uma fotografia. Uma foto é uma versão amostrada de uma cena contínua, então seus gradientes devem mesmo ser suaves, e misturar amostras vizinhas reconstrói algo próximo do que uma captura em resolução maior mostraria. Replicar cada pixel em um quadrado rígido, por outro lado, produz blocos visíveis sem acrescentar detalhes. Use redimensionamento normal para fotografias e reserve esta ferramenta para arte desenhada em uma grade de pixels.
Relacionado
A explicação completa — por que o redimensionamento bilinear estraga pixel art, o que a filtragem por ponto faz no Unity e no Godot e onde hqx e xBRZ se encaixam — está em como ampliar pixel art sem borrá-la. Se sua arte vier como uma folha de quadros em vez de sprites individuais, recorte-a primeiro: Recortador de folhas de sprites divide uma folha de sprites em PNGs individuais com limites corretos, e redimensionar cada quadro depois mantém todos na mesma grade.