Dividir imagem em partes

Sobre dividir uma imagem

Uma foto, vários pedaços. Uma imagem que vira uma grade 3×3 num perfil. Uma imagem grande cortada em partes para imprimir em várias folhas. Uma folha de sprites picada em quadros. Uma foto transformada em cartas de quebra-cabeça.

Fazer isso à mão significa recortar, exportar, renomear e repetir nove vezes tentando não perder uma fileira de pixels nas emendas.

Solte a imagem, diga como quer cortá-la, e todas as partes voltam num único ZIP.

Como usar

• Clique em Clique para enviar ou solte sua imagem na página
• Escolha um atalho — a grade 3 × 3 do Instagram está lá — ou defina suas próprias linhas e colunas, ou um tamanho de parte em pixels
• Olhe a prévia: ela mostra a imagem já separada nas partes que você receberia
• Aperte Cortar as partes
• Salve o ZIP, ou clique numa parte para salvar só aquela

A prévia é o resultado

A imagem à direita não é a original com linhas desenhadas por cima. Cada parte que você vê é

um pedaço próprio, mostrando a sua fatia da imagem, disposta com um espaço entre elas. Então a

prévia responde à pergunta que importa: o que vai estar de fato em cada arquivo.

Ela se atualiza conforme você muda os números, porque nada foi cortado ainda — cada parte é a

mesma imagem atrás de uma janela do tamanho daquela parte. Mudar a grade é uma mudança de

diagramação, e por isso a prévia acompanha até um controle deslizante.

Assim que você aperta Cortar as partes, essas mesmas partes viram os arquivos de verdade.

Passe o cursor sobre uma e aparece um ícone de salvar; ao clicar, só aquela parte é salva. O

botão do ZIP leva todas.

Dois controles abaixo de Esta prévia — o espaço entre as partes e os nomes — mudam apenas o

que você está vendo. Eles nunca afetam os arquivos.

Duas formas de dizer como

• Uma grade — «3 por 3». Você decide quantos pedaços, e o tamanho da parte vem do tamanho da imagem. É esta para uma grade de perfil, um quebra-cabeça ou um conjunto de cartas
• Tamanho da parte em pixels — «512 por 512». Você decide o tamanho de cada pedaço, e o número vem daí. É esta para folhas de sprites, ladrilhos de mapa e folhas de impressão

O que acontece nas bordas

Este é o detalhe que decide se o resultado serve.

Os dois modos lidam com isso de formas diferentes, e ambas são de propósito.

Uma grade espalha os pixels que sobram entre as partes, então uma imagem de 1000 pixels cortada em 3 dá 333, 334 e 333 — uma diferença de um pixel, que ninguém jamais vai notar. Nenhuma parte fica visivelmente menor que as vizinhas.

Um tamanho fixo de parte não pode fazer isso, porque você pediu um tamanho exato. Uma imagem de 1000 pixels cortada em partes de 300 dá três partes inteiras e um resto de 100 pixels. Essa última fica curta. Preenchê-la acrescentaria um fundo que a imagem nunca teve, e esticá-la distorceria o conteúdo — então nenhuma das duas coisas é feita, e a prévia avisa quando isso acontece.

Você pode ver em vez de ter que acreditar: as partes são desenhadas nos tamanhos relativos reais, então uma parte curta da borda parece curta.

Cada pixel do original acaba em exatamente uma parte. Nada se perde numa emenda e nada é duplicado.

Os nomes, para que os pedaços voltem a se juntar

As partes são nomeadas pela posição: foto-r01c01.png, foto-r01c02.png, e assim por diante — primeiro a linha, depois a coluna, com zeros à esquerda.

Isso quer dizer que uma ordenação alfabética em qualquer lugar — num gerenciador de arquivos, numa janela de envio — as coloca na ordem de leitura, da esquerda para a direita e de cima para baixo. Para uma grade do Instagram, lembre que as publicações aparecem da mais nova para a mais antiga: envie-as de trás para a frente.

PNG ou JPG

• PNG mantém os pixels exatos. Uma parte é, byte a byte, o trecho do original de onde veio, e a transparência sobrevive. A escolha certa para gráficos, capturas de tela e tudo que ainda vai ser editado
• JPG gera arquivos bem menores, com um controle de qualidade. A escolha certa para fotografias. Áreas transparentes viram brancas, já que o JPG não tem transparência

Para que as pessoas usam

• Fazer uma grade 3 × 3 do Instagram a partir de uma foto
• Cortar uma imagem grande em folhas de impressão para colar como pôster
• Picar uma folha de sprites em quadros individuais
• Fazer peças de quebra-cabeça ou cartões de estudo a partir de uma imagem
• Cortar um mapa ou uma planta em ladrilhos para um visualizador
• Dividir uma captura de tela longa em pedaços legíveis

Bom saber

• Nada é enviado. A imagem é cortada no seu navegador e nunca sai do seu aparelho
• O arquivo original não é alterado — você recebe partes novas
• Até 400 partes de uma vez, para que uma grade fora de controle não trave a página
• Funciona com PNG, JPG, WebP e GIF (o primeiro quadro de um GIF animado)
• Todas as partes vêm num único ZIP — ou clique numa parte para salvar só aquela
• Funciona no celular e no tablet tão bem quanto no computador

Ferramentas relacionadas

• Criar colagem de fotos — o contrário: várias imagens numa só
• Cortar imagem — pegar um pedaço em vez de todos
• Redimensionar imagem — mudar o tamanho antes de cortar
• Comprimir imagem — deixar as partes menores depois
• Compactar e descompactar arquivos — abrir o ZIP que você acabou de fazer