Blog / Tutoriais

Crie um PNG circular com cantos transparentes, calcule um recorte 4:5 e confira cada foto antes do download em lote.

Escolha um logotipo transparente, confira fotos claras e escuras, aplique um posicionamento relativo e revise as exceções antes de exportar um ZIP.

Distinga erros de formato, tamanho de arquivo e dimensões; converta fotos HEIC em lotes e confira as cópias baixadas antes de compartilhar.

Entenda a revelação RAW, diferencie uma cópia renderizada de uma miniatura e escolha JPG ou PNG sem descartar seu DNG.

Compare separadamente a correção da cor de fundo, a remoção de pixels sutis e o corte do espaço vazio; depois confira o PNG sobre fundos claros e escuros.

Trabalhe com uma grade medida de 4 × 3, diferencie bordas de espaços entre tiles e mantenha as posições após ignorar ou eliminar tiles duplicados.

Diagnostique as origens dos recortes e a ordem dos quadros antes de alterar o FPS; preserve uma âncora adequada mantendo o movimento intencional.

Por que os retângulos de atualização do GIF podem deixar rastros, como obter quadros PNG completos e quando manter os intervalos originais dos quadros em vez de exportar apenas uma grade.

Use frame, spriteSourceSize e sourceSize de uma exportação correspondente do Aseprite para reconstruir PNGs alinhados em tamanho original, em vez de poses recortadas que saltam.

Comece com pixels limpos, filtre cores fracas das bordas e transforme contagens exatas de cores em rampas intencionais de sombra, base e brilho.

Monte a ordem final de leitura página por página, insira uma página fotografada, remova folhas indesejadas e confira o arquivo baixado antes de compartilhar.

Calcule células iguais, confira a ordem e o alinhamento dos quadros, escolha a velocidade de reprodução e entenda o que o GIF faz com as cores e a transparência.

O Instagram encaixa sua foto em uma das poucas proporções aceitas e corta o restante a partir do centro, por isso o topo da imagem continua desaparecendo. Este guia aborda as proporções que resistem, a armadilha do carrossel, as áreas seguras de Story e por que enviar em 4K não traz vantagem.

Remoção por cor, segmentação por IA e seleção manual resolvem problemas diferentes, e escolher a opção errada é o motivo de seu recorte ter um halo ou um buraco. Este guia explica o que cada método realmente faz e como identificar de qual sua imagem precisa.

O HTTP/2 eliminou o argumento da quantidade de solicitações para o qual sprites CSS foram inventados, então a maioria dos guias defende uma solução para um problema que você já não tem. Este guia aborda o que ainda realmente justifica um sprite, os cálculos de background-position e background-size para retina e quando um sprite SVG é a melhor solução.

Geradores de imagens por IA raramente posicionam sprites em uma grade uniforme, então um corte simples por linhas e colunas corta cabeças e pés. Este guia explica por que o espaçamento varia, como a detecção baseada no conteúdo resolve isso e como levar quadros limpos para Unity ou Godot.

Uma publicação em grade de nove blocos transforma uma imagem em um banner no seu perfil. Este guia aborda o dimensionamento da imagem original, sua divisão em nove blocos iguais e a ordem inversa de envio que evita que a imagem fique embaralhada.

Aquele halo branco fino ao redor de um recorte quase nunca é um erro do próprio recorte. Este guia explica onde os pixels de borda com antisserrilhamento capturam a cor errada, quais formatos mantêm o alfa e como remover um halo já incorporado.

Texture Type, Sprite Mode, Pixels Per Unit, Filter Mode e compressão têm valores padrão inadequados para arte 2D. Este guia explica o que cada configuração faz, como recortar no Sprite Editor e quando recortar a folha previamente é melhor que o recorte automático do Unity.

O Godot 4 lê uma folha de sprites de três formas diferentes: AnimatedSprite2D com SpriteFrames, regiões de AtlasTexture e hframes/vframes em um Sprite2D. Este guia aborda qual usar, as configurações de filtro para pixel art e por que uma folha irregular compromete as três.

A maioria das folhas de sprites com IA vem com grades variáveis, fundos incorporados e rótulos de texto sem sentido. Este guia fornece a redação específica do prompt que corrige cada problema, dois exemplos completos de prompts e o fluxo de trabalho após a geração.

"Use WebP para tudo" está errado com frequência suficiente para fazer diferença. Este guia explica como cada formato comprime, quais preservam um canal alfa e o caso comum em que um WebP com perdas fica maior que um PNG com paleta.

Três ajustes controlam o tamanho do arquivo: dimensões, formato e configuração de qualidade. Este guia aborda cada um por ordem de prioridade, com pontos ideais de qualidade, quantização de paleta, remoção de metadados e receitas para metas comuns de tamanho.

O redimensionamento padrão transforma pixel art em uma massa borrada porque mistura cores que nunca deveriam se tocar. Este guia aborda a escala por vizinho mais próximo, por que o fator de escala precisa ser inteiro e o que a renderização pixelada do CSS, os filtros por ponto das engines e os algoritmos do tipo hqx realmente fazem.

Atlas reduzem chamadas de desenho ao empacotar muitos sprites em uma textura, mas colocá-los borda a borda faz as cores vizinhas vazarem pelas emendas. Este guia aborda empacotamento, espaçamento e extrusão, quando dimensões em potências de dois ainda importam e como aparar afeta os pivôs.

Uma prévia de link vazia quase sempre tem uma destas causas específicas: dimensões erradas, formato incompatível, URL relativa ou cache desatualizado. Este guia aborda o padrão 1200x630, o recorte com área segura, por que WebP é a escolha errada neste caso e como forçar cada plataforma a coletar os dados novamente.

Um tileset é mais difícil que uma folha de sprites porque as emendas precisam se alinhar quando os tiles ficam lado a lado. Este guia aborda a escolha do tamanho do tile, a identificação do deslocamento da grade quando a arte não começa no pixel zero, o tratamento de vazamento de cor sem espaçamento e a importação para Unity ou Godot.

Quantidade de quadros e velocidade de reprodução são decisões separadas, e confundi-las faz as animações ficarem lentas ou caras de desenhar. Este guia aborda como 8, 12 e 24fps realmente são percebidos, taxas por tipo de ação, quadros mantidos e como manter o fps da animação independente do fps do jogo.

Favicons continuaram complicados muito depois de o restante da web evoluir, e a maioria dos guias lista muito mais arquivos do que você precisa. Este guia aborda o conjunto mínimo real, o que cada plataforma realmente solicita, site.webmanifest, como criar uma marca legível a 16 pixels e como superar o cache.

Peça o mesmo personagem duas vezes a um modelo, e a armadura muda de cor, a capa aparece e as proporções variam. Este guia aborda o que fixar a seed faz e quando deixa de ajudar, como definir cor e material no prompt, geração de imagem para imagem com referência e correção das variações depois.