Ferramentas95

EDITAR / UM GUIA PRÁTICO DE IMAGEM

Como transformar uma imagem em pixel art com uma paleta de cores

Encontre a imagem dentro de menos píxeis.

Reduza uma imagem a uma grelha pequena, escolha as suas cores e pré-visualize um tratamento retro. Selecione uma escala de saída de número inteiro e, em seguida, crie um PNG ou um SVG feito de células de píxeis coloridas.

Siga o guia
FONTE REAL E RESULTADO TRANSFERIDO
Antes Imagem de robô de origem antes da edição

Amostra original: 1200 por 900 píxeis.

Depois Robô reduzido para uma grelha de 32 por 24 píxeis usando a paleta azul Ocean

Resultado real transferido: 256 por 192 píxeis.

A comparação utiliza a amostra original e o resultado real transferido, dimensionado para leitura. Diferentes dimensões de tela são mostradas a diferentes escalas de visualização; as regiões transparentes seguem o fundo da página.
Publicidade
TUTORIAL EM VÍDEO RÁPIDO How to turn an image into pixel art Choose an image, set a 32-cell grid and Ocean palette in Settings, then download a crisp PNG at an 8x output scale. English narration. Narração em inglês Ver o vídeo

How to turn an image into pixel art

Publicidade

Siga um exemplo verificado e, depois, adapte os controlos à sua própria imagem. Abrir Imagem para Pixel Art.

01

Escolha um assunto claro

Abra a ferramenta Imagem para Pixel Art e escolha Experimentar um exemplo para carregar a ilustração original do robô, ou carregue a sua própria imagem. A amostra tem 1200 por 900 píxeis. Uma silhueta clara e um fundo simples são mais fáceis de reconhecer após a redução de detalhes.

Esta ferramenta amostra e altera as cores de uma imagem existente. Não utiliza IA para inventar uma cena ou redesenhar o assunto. O ficheiro de origem permanece inalterado.

Experimente um corte próximo antes de pixelizar uma fotografia se o assunto ocupar apenas uma pequena parte da imagem.

02

Defina a grelha e a paleta

Abra as Definições num telemóvel. Defina a margem mais longa (píxeis) para 32. A ferramenta utiliza esse valor para a margem mais longa e preserva o rácio de origem, dando à amostra uma grelha de 32 por 24 células. As escolhas rápidas também incluem 16, 64, 128 e 256.

Escolha Ocean no menu de paletas para reproduzir o exemplo. Mapeia a imagem para uma paleta fixa de seis cores. Da sua imagem derivam entre 2 e 32 cores; Cores originais mantém as cores amostradas. Outras predefinições incluem Retro suave, Portátil, Preto e branco e Crepúsculo.

Escolha Cores personalizadas, depois introduza entre 2 e 32 cores HEX de seis dígitos na Paleta personalizada. Separe os valores com espaços, vírgulas ou pontos e vírgula. Uma paleta pequena deliberada pode fazer com que detalhes não relacionados pareçam parte do mesmo design.

Se um rosto ou objeto se tornar irreconhecível, aumente a grelha antes de adicionar mais cores.

O exemplo neste guia

Amostra original do robô; margem de grelha mais longa de 32 células (32 x 24); paleta de seis cores Ocean; Suave antes de reduzir; sem dithering; escala de saída 8x; PNG. Transferência real: 256 x 192 píxeis.

Fonte
1200 x 900 px
Saída
256 x 192 px
Formato
PNG
A processar
No seu navegador
03

Compare a amostragem e a textura

Mantenha Suave antes de reduzir e sem dithering para o exemplo trabalhado. A amostragem suave mistura detalhes em cada célula. Os píxeis originais mais próximos amostram sem essa mistura e podem adequar-se a gráficos de píxeis existentes.

O dithering ordenado introduz um padrão regular; Floyd-Steinberg espalha o erro de cor para as células vizinhas. Ambos podem sugerir tons extra com uma paleta pequena, mas também podem tornar formas simples ruidosas. O dithering não está disponível com Cores originais.

A grelha de píxeis na pré-visualização é um auxiliar para grelhas até 128 células na margem mais longa. Não é desenhada na saída. Paletas reduzidas também simplificam a transparência: células suficientemente transparentes são limpas e outras células tornam-se opacas.

Compare com o Original, e utilize Anular ou Refazer ao experimentar uma paleta muito diferente.

04

Exporte a uma escala de número inteiro

Mantenha a Escala de exportação em 8x, escolha PNG e selecione Iniciar. A grelha de 32 por 24 torna-se um ficheiro de 256 por 192 píxeis, com cada célula representada por um quadrado de 8 por 8. Transferir guarda o resultado real utilizado na comparação. Contém a paleta Ocean e sem linhas de grelha de pré-visualização.

As escalas disponíveis são 1x, 2x, 4x, 8x e 16x. PNG é conveniente para partilhar e preserva blocos nítidos. SVG representa os píxeis como retângulos coloridos; não é um traçado vetorial suave. Se outra aplicação ampliar o PNG, utilize o escalonamento de vizinho mais próximo para evitar margens de célula desfocadas.

Veja o resultado a 100% ou um múltiplo inteiro. Tamanhos de visualização fracionários podem fazer com que até píxeis exportados corretamente pareçam irregulares.

DETALHES ÚTEIS

Questões comuns

Isto é um gerador de pixel art por IA?

Não. Amostra uma imagem carregada numa grelha e, opcionalmente, reduz as suas cores. Não inventa novos objetos nem redesenha o assunto com IA.

Com que tamanho de grelha devo começar?

Experimente 32 ou 64 células na extremidade mais longa. Use uma grelha mais pequena para uma silhueta simples ou uma grelha maior quando o assunto precisar de mais detalhes.

Posso introduzir a minha própria paleta?

Sim. Escolha Cores personalizadas e, em seguida, introduza 2 a 32 cores HEX de seis dígitos na Paleta personalizada, separadas por espaços, vírgulas ou pontos e vírgulas.

Por que é que a PNG parece desfocada noutra aplicação?

Alguns visualizadores suavizam imagens ampliadas. Exporte com uma escala de número inteiro e utilize o redimensionamento por vizinho mais próximo se ampliar o resultado noutro local.

A grelha de pré-visualização aparecerá na transferência?

Não. A grelha de píxeis na pré-visualização é um auxiliar de edição e é excluída das exportações PNG e SVG.

A SVG é um traçado vetorial suave?

Não. Contém células de píxeis retangulares coloridas. Utilize a Imagem para SVG quando pretender um fluxo de trabalho de traçado vetorial separado.

A SUA VEZ

Encontre a imagem dentro de menos píxeis.

Experimente um exemplo ou utilize o seu próprio ficheiro e reveja o resultado antes de partilhar.

Abrir Imagem para Pixel Art

Detalhe da imagem

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Escolha o seu idioma. Os tutoriais em vídeo utilizam atualmente narração em inglês.