Divisor de Carrossel

UMA FOTO REPARTIDA EM SLIDES
⚡ Divida uma foto larga em slides que encaixam quando alguém desliza. A área é cortada para uma largura divisível pelo número de slides antes de qualquer fatia, então cada corte cai num pixel inteiro e nada é reamostrado. A imagem nunca sai do seu navegador.
Solte uma imagem aqui
ou clique para escolher — JPG, PNG ou WebP

Por que os slides deixam de encaixar

Um divisor pega a largura da foto e divide pelo número de slides. Quase nunca essa conta dá exata. Uma foto de 1170 pixels de largura em quatro slides dá 292,5 pixels cada, e meio pixel não é algo que um canvas consiga cortar.

O que acontece a seguir é pior do que uma emenda torta. Ao receber um pedido de fatia de 292,5 pixels, o navegador não arredonda — ele reamostra, reconstruindo cada pixel do bloco a partir de uma média ponderada dos vizinhos. Medimos isso com uma origem de listras pretas e brancas de um pixel:

FatiaPixels que voltaramContraste da borda
Pixel inteiro0, 255, 0, 255255 — exato
292,5111, 143, 111, 14332

Oitenta e sete por cento do contraste de borda, perdidos — e não só na emenda. O bloco inteiro é reconstruído, então todo detalhe fino dentro dele amolece. Numa fotografia você não vai ver listras; vai ver um carrossel um pouco mais borrado que a imagem original, sem motivo aparente.

A correção é aritmética, não nitidez

Corte a área para uma largura que divida exata, antes de fatiar qualquer coisa. Esta ferramenta pega a maior largura inteira divisível pelo número de slides, centraliza e corta ali. Toda fatia cai num limite inteiro, então nada é reamostrado, e todos os slides saem do mesmo tamanho — o que um carrossel exige de qualquer forma, porque todos os slides compartilham uma única proporção.

O custo são alguns pixels de largura. Medido em cinco larguras comuns de celular:

Largura da fotoSlidesFatia ingênuaFatia inteiraPixels descartados
11704292,52922
108033603600
40323134413440
30245604,86044
12907184,291842

No máximo quatro pixels, e nas duas larguras que já dividem exato, nenhum. Essa é a troca inteira: quatro pixels de largura contra cada pixel de cada bloco sendo reconstruído.

Escolhendo o formato do slide

Todo slide de um carrossel compartilha uma proporção, então o formato escolhido decide quanto da foto sobrevive. Para um dado número de slides, a faixa mais larga que dá para usar é a proporção do slide multiplicada pela quantidade de slides:

Uma foto 16:9 é 1,78:1. Contra um alvo de 2,4:1 ela é baixa demais, e não estreita demais, então a ferramenta corta as laterais. Contra 3:1 corta ainda mais. A prévia mostra exatamente o que fica antes de baixar qualquer coisa, e Altura cheia da foto ignora a proporção e usa a altura inteira, o que serve quando você publica onde nenhuma é imposta.

A medição por trás disso tudo — o que um navegador realmente devolve quando você pede meio pixel, e quanto de uma fotografia sobrevive a cada formato de slide — está em Meio Pixel é a Razão de o Seu Carrossel Parecer Borrado.

Perguntas frequentes

Minha foto é enviada para algum lugar?

Não. O arquivo é lido pelo seu navegador, cortado num canvas da própria página e devolvido como downloads. Ele nunca chega a um servidor, e por isso a ferramenta funciona com a aba offline depois que a página carregou.

Por que alguns slides não têm exatamente a largura da foto dividida pela quantidade?

Porque essa divisão quase nunca dá um número inteiro, e uma fatia fracionária faz o navegador reamostrar o bloco. A ferramenta corta a área para uma largura que divide exato — no máximo alguns pixels — para que cada fatia seja exata em pixels.

Quantos slides cabem num carrossel?

Esta ferramenta vai até dez, que é o limite publicado pelo Instagram para um carrossel. Outros feeds diferem, e a aritmética não se importa: qualquer quantidade a partir de dois funciona igual.

As emendas ficam invisíveis quando alguém desliza?

Os pixels vão encaixar exatamente, que é a parte sob controle de um divisor. O que não dá para controlar é o aplicativo: alguns feeds acrescentam um pequeno espaço ou um canto arredondado entre slides, então uma borda dura atravessando a emenda ainda pode aparecer como junta. Fotos com detalhe em cima da emenda escondem melhor do que cor chapada ou uma linha reta.

Qual formato escolher?

Retrato 4:5 preserva mais de uma foto normal, porque slides mais altos precisam de uma faixa mais estreita para preencher a mesma quantidade. Quadrado 1:1 é o mais seguro para um feed variado. Paisagem 1,91:1 exige uma origem muito larga e serve sobretudo para panorâmicas.

Funciona no celular?

Sim. O corte é feito pelo mesmo canvas que o computador usa. Fotos muito grandes esbarram na memória do navegador, não na ferramenta; se um download vier em branco, a foto é maior do que o navegador conseguiu segurar e redimensionar antes resolve.

Em que formato saem os slides?

PNG, que é sem perdas, então nada se perde uma segunda vez na saída. Se preferir JPEG, passe os slides pelo conversor de imagens depois.

Dá para dividir a foto em grade em vez de fileira?

Aqui não — esta ferramenta corta uma única fileira de slides, que é o que um carrossel percorre. Uma grade é outro layout, com outra aritmética.