Dividir imagem v1.0

O Divisor de Imagens é uma ferramenta que corta uma única imagem em várias peças organizadas em grade, direto no navegador, sem enviar nada para servidor. Ela resolve os dois erros que estragam uma grade pronta: peças com proporção errada para o lugar onde vão ser publicadas e peças postadas fora de ordem. Na DocPivot, você escolhe o corte por quantidade de partes, por grade personalizada ou por tamanho em pixels, confere as linhas de corte antes e baixa tudo em um único arquivo ZIP.

Visão geral do Divisor de Imagens da DocPivot

Funcionalidade principal

A ferramenta decodifica sua imagem em um canvas local, calcula as coordenadas exatas de cada corte e gera as peças uma a uma. Você define colunas e linhas por três caminhos diferentes, aplica opções como sobreposição, borda e cantos arredondados, e escolhe o formato de saída entre o original, JPG, PNG ou WebP. Todas as peças saem juntas em um ZIP, com nomes de arquivo que indicam a ordem de publicação.

Quem usa e para quê

O público principal são social medias, designers e criadores de conteúdo que montam feeds em mosaico, carrosséis e banners de três posts no Instagram. Em seguida vêm professores, cosplayers e pequenos negócios que imprimem pôsteres e painéis em várias folhas A4, além de desenvolvedores de jogos que precisam fatiar sprite sheets e tilesets.

Problema e solução

Cortar uma arte manualmente no editor exige calcular coordenadas pixel a pixel e repetir o processo para cada peça, o que consome tempo e quase sempre gera peças com alguns pixels de diferença entre si. Aqui o cálculo é feito pela ferramenta, a prévia mostra exatamente onde a faca vai passar e as peças saem idênticas. Se a imagem original estiver em uma resolução inadequada, vale ajustar antes com o redimensionador de imagens.

Principais benefícios de dividir uma imagem em grade

• Peças sempre idênticas: ao escolher proporção quadrada 1:1 ou vertical 4:5, todas as peças saem com as mesmas dimensões, sem sobras de um pixel a mais em uma linha.
• Prévia antes do corte: as guias tracejadas ficam nas coordenadas reais, então um rosto ou uma linha do horizonte cortada ao meio aparece enquanto ainda dá tempo de mudar.
• Ordem de publicação resolvida: os arquivos vêm numerados na sequência exata em que devem ser postados, o que elimina o erro mais comum em feeds em mosaico.
• Um download só: a saída é um ZIP único, não uma sequência de nove downloads separados que o navegador tenta bloquear.
• Nada sai do dispositivo: a imagem, as peças e o ZIP são construídos localmente, sem fila de upload e sem cópia em servidor de terceiros.
• Corte por pixel ou por quantidade: quem pensa em "três colunas" e quem pensa em "peças de 1200 px" usam a mesma ferramenta sem fazer conta.
• Arquivos mais leves na saída: exportando em WebP ou ajustando a qualidade, o pacote fica menor; para reduzir ainda mais depois, use o compressor de imagens.
• Complementar a outros layouts: a divisão serve para desmontar uma arte, enquanto o criador de colagens faz o caminho inverso, juntando várias fotos em uma só.

Funcionalidades do Divisor de Imagens

• Oito predefinições de grade: 2x2, 3x3 e cortes de 2, 3 ou 4 partes na horizontal ou na vertical, em um clique.
• Grade personalizada até 10x10: você digita colunas e linhas e a ferramenta não interfere no número escolhido.
• Corte por tamanho de peça: informe largura e altura em pixels, de 16 a 8000, e a ferramenta calcula quantas colunas e linhas cabem, arredondando para cima para nenhuma faixa ficar de fora.
• Proporção garantida: mantenha a proporção original ou force quadrado 1:1 e vertical 4:5, com corte centralizado em vez de barras brancas.
• Prévia com área descartada: quando há recorte de proporção, a parte que será jogada fora aparece escurecida e a região mantida fica destacada.
• Resumo antes de exportar: uma linha informa quantas peças serão geradas e o tamanho exato de cada uma, como "9 peças, 154 x 154 px".
• Aviso de baixa resolução: se as peças ficarem abaixo de 1080 px, a ferramenta avisa em vez de ampliar e inventar detalhe que não existe.
• Sobreposição de 0 a 200 px: pixels compartilhados nas emendas para quem vai colar ou fitar as partes depois, sempre tomando emprestado para dentro.
• Borda e cantos arredondados: borda de 0 a 60 px em qualquer cor, desenhada ao redor de cada peça sem cobrir a foto, mais raio de canto de 0 a 80 px.
• Formatos de saída: manter o formato original ou forçar JPG, PNG ou WebP, com qualidade ajustável de 40% a 100% nos formatos com perda. Para converter o material antes ou depois, existe o conversor de imagens.
• Empacotamento em ZIP: todas as peças em um arquivo, com nomes que carregam a ordem de publicação e as coordenadas da grade.
• Interface em 18 idiomas: incluindo português, para quem trabalha em equipe distribuída.

Se a ideia é postar em redes sociais, exportar diretamente em WebP costuma cortar bastante peso; quem já tem os arquivos prontos pode converter JPG em WebP depois do corte.

Como funciona o Divisor de Imagens da DocPivot

1. Carregue a imagem. O arquivo é lido e desenhado em um canvas no próprio navegador, sem upload e sem fila de processamento.
2. Escolha o modo de corte. Use uma predefinição, monte a grade manualmente ou informe o tamanho de cada peça em pixels.
3. Defina a proporção. Selecionando 1:1 ou 4:5, o recorte centralizado ajusta a área da foto à proporção que a grade exige.
4. Confira a prévia. As guias tracejadas mostram os cortes reais e a área escurecida mostra o que será descartado; se um elemento importante estiver na borda, dá para recortar a imagem antes ou girar a imagem e recomeçar.
5. Ajuste bordas e formato. Aplique sobreposição, borda, cantos arredondados e escolha o formato e a qualidade de saída.
6. Baixe o ZIP. Nada é baixado automaticamente: o painel de resultado aparece primeiro e o arquivo só é salvo quando você clica em baixar.

Esse fluxo leva menos de um minuto na DocPivot, mesmo em imagens grandes, porque todo o processamento acontece na máquina do usuário.

Três formas de definir o corte

A ferramenta aceita as três maneiras diferentes que as pessoas usam para descrever uma divisão, e cada uma serve a um tipo de trabalho.

Na dúvida entre quantidade e tamanho, pense no destino: rede social costuma pedir quantidade, impressão costuma pedir tamanho. Se a saída for para imprimir em uma gráfica que só aceita um formato específico, você pode converter PNG em JPG antes de enviar.

Quando usar o divisor de imagens

A ferramenta faz sentido sempre que uma imagem precisa aparecer em pedaços organizados em vez de inteira. Os cenários mais frequentes no Brasil envolvem Instagram, material impresso caseiro e produção de conteúdo em volume.

• Feed em mosaico: transformar uma arte grande em 9 ou 12 posts que, juntos, formam uma imagem única no perfil.
• Carrossel em 4:5: dividir uma peça horizontal em painéis verticais de 1080 x 1350 px, o formato que mais ocupa tela no celular.
• Banner de três posts: a faixa de topo do perfil, cortada em 3 partes na horizontal.
• Pôster em folhas A4: imprimir um painel de festa, um mural escolar ou um molde de cosplay em uma impressora doméstica, montando as folhas depois.
• Sprite sheets e tilesets: fatiar uma folha de sprites em peças de tamanho fixo para uso em engines de jogo.
• Catálogos e folhas de contato: separar uma prancha de produtos em blocos individuais para subir no Mercado Livre ou na Shopee.
• Material didático: dividir um mapa ou infográfico em partes legíveis para distribuir em sala ou no grupo de WhatsApp.
• Testes de anúncio: gerar variações de recorte da mesma arte para comparar desempenho criativo.

Fotos vindas do iPhone costumam chegar em HEIC e precisam de um passo anterior: nesse caso, converter HEIC em JPG resolve. Quando o objetivo final é entregar as partes em um documento único, dá para juntar as imagens em PDF depois do corte.

Casos de uso na prática

Loja de roupas montando feed em mosaico

Contexto: uma loja de moda de Fortaleza quer transformar a foto da nova coleção em uma grade 3x3 no perfil.

• Carrega a arte em alta resolução e escolhe a predefinição 3x3
• Marca proporção quadrada 1:1 para garantir peças idênticas
• Confere na prévia se nenhum rosto ficou partido na emenda

Resultado: nove arquivos numerados na ordem correta de publicação, prontos para subir em sequência sem quebrar o mosaico.

Professora imprimindo um mural

Contexto: uma professora da rede municipal precisa de um mapa de 1 metro impresso na impressora da escola.

• Usa o modo por tamanho e informa as medidas equivalentes a uma folha A4
• Aplica 20 px de sobreposição para ter margem de cola nas emendas
• Exporta em PNG para preservar as linhas finas do mapa

Resultado: um conjunto de folhas que se encaixa sem falha na montagem, sem precisar contratar plotagem.

Agência produzindo carrosséis em volume

Contexto: uma agência entrega dezenas de carrosséis por semana para clientes diferentes.

• Recebe a arte horizontal do designer e corta em 3 painéis verticais 4:5
• Aplica borda branca de 8 px para separar visualmente os slides
• Aplica a marca d'água na imagem quando o cliente exige assinatura visual

Resultado: um ZIP por cliente, com padrão visual consistente e sem retrabalho de recorte manual.

Desenvolvedor indie fatiando um tileset

Contexto: um desenvolvedor de São Paulo precisa separar uma folha de sprites em peças de 32 px.

• Define o corte por tamanho, com 32 px de largura e altura
• Mantém a proporção original para não perder nenhum pixel
• Exporta em PNG por causa da transparência

Resultado: peças exatas e nomeadas por coordenada de grade, prontas para importar na engine.

Fotógrafo preparando prova de contato

Contexto: um fotógrafo quer separar uma prancha com 12 fotos escaneadas em arquivos individuais.

• Monta uma grade personalizada de 4 colunas por 3 linhas
• Mantém a proporção original para não descartar bordas
• Se quiser uma versão em estilo analógico, aplica depois a conversão para preto e branco

Resultado: 12 arquivos separados a partir de um único escaneamento, sem recorte manual.

A ordem de publicação no Instagram

O Instagram coloca cada post novo no canto superior esquerdo e empurra os anteriores para a direita e para baixo, então uma grade precisa ser publicada de trás para frente. Isso significa que a peça do canto inferior direito é a primeira a subir e a do canto superior esquerdo é a última. A ferramenta já entrega os arquivos numerados nessa sequência, com o nome começando em post01 para o canto inferior direito, e mantém as coordenadas da grade no mesmo nome de arquivo para quem está montando um pôster e precisa da posição física de cada peça.

Pontos essenciais:

• Ordem invertida: publique do último para o primeiro, seguindo a numeração dos arquivos
• Feed limpo: evite postar outra coisa no meio da sequência
• Dupla leitura: o nome traz ordem de post e coordenada de grade ao mesmo tempo

Limites que vale conhecer antes

Algumas combinações de opções não funcionam juntas por uma razão técnica, e a ferramenta prefere avisar a entregar um resultado errado.

• Sobreposição e proporção fixa não convivem: as peças da borda não têm vizinho de quem tomar pixels emprestados, então sairiam menores que as do meio. Ao escolher uma proporção, o controle de sobreposição fica oculto.
• Escolher proporção descarta alguns pixels: quando a grade não divide a área ajustada de forma exata, o resto é descartado para que todas as peças fiquem idênticas. Sem proporção fixa, a sobra vai para a última linha e a última coluna, e nenhum pixel se perde.
• 4:5 pode variar em um pixel: as dimensões das peças são números inteiros, então em imagens pequenas a proporção pode ficar a um pixel do valor exato.
• Baixa resolução é avisada, não corrigida: dividir uma foto de 600 px em 3x3 gera peças de 200 px, e a ferramenta informa isso em vez de ampliar artificialmente.
• Cantos arredondados só ficam transparentes com canal alfa: em JPG os cantos são preenchidos com cor sólida.

Privacidade, LGPD e processamento local

Todo o processamento acontece no navegador, usando o Canvas 2D e os codificadores de imagem do próprio dispositivo, sem serviço externo de imagem e sem chave de API. Para quem trabalha com material de clientes, isso reduz de forma direta a superfície de exposição de dados pessoais prevista na LGPD, já que a imagem nunca é transmitida. Ainda assim, vale lembrar que fotos carregam metadados embutidos: dá para conferir o que está lá com o visualizador de dados EXIF e limpar com o removedor de metadados de fotos antes de publicar peças que incluem localização.

Perguntas frequentes