[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"blog-pt-gif-compression-dimensions-colors-frame-rate-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":24},"gif-compression-dimensions-colors-frame-rate-guide","pt","Comprimir GIF: tamanho, cores e quadros","Compare redimensionamento, redução de cores e quadros e recorte. Confira detalhes, movimento, avisos breves e repetição depois de exportar um GIF.","2026-09-14","DocCrunch Team",[11,12,13,14],"compressão GIF","dimensões GIF","cores GIF","quantidade de quadros GIF",[11,12,13,14],"Compressão de GIF: ajustar primeiro dimensões, cores ou fluidez?",5,"\u003Cp>Um GIF menor pode continuar nítido, mas se mover aos saltos. Outro mantém a fluidez enquanto o degradê ganha faixas visíveis. São perdas de informações diferentes.\u003C\u002Fp>\n\u003Cp>A animação guarda imagens sucessivas e seus tempos de exibição. Por isso, dimensões, cores e quantidade de quadros precisam ser avaliadas separadamente, além de uma qualidade genérica.\u003C\u002Fp>\n\u003Ch2>Separe os principais ajustes\u003C\u002Fh2>\n\u003Cp>Decida primeiro o que pode ser reduzido.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Ajuste\u003C\u002Fth>\n\u003Cth>Mudança principal\u003C\u002Fth>\n\u003Cth>Possível efeito\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Redimensionar\u003C\u002Ftd>\n\u003Ctd>Largura e altura de cada quadro\u003C\u002Ftd>\n\u003Ctd>Letras pequenas, linhas e detalhes\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Reduzir cores\u003C\u002Ftd>\n\u003Ctd>Quantidade de cores usadas\u003C\u002Ftd>\n\u003Ctd>Degradês, sombras e transições\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Reduzir quadros\u003C\u002Ftd>\n\u003Ctd>Imagens intermediárias do movimento\u003C\u002Ftd>\n\u003Ctd>Fluidez e conteúdo breve\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Recortar\u003C\u002Ftd>\n\u003Ctd>Área visível mantida\u003C\u002Ftd>\n\u003Ctd>Composição e integridade de objetos móveis\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>É possível combinar métodos sem aplicar todos de imediato. Para exibição pequena, avalie primeiro as dimensões. Se o movimento precisa ser preciso, reduza quadros com cuidado.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fpt\u002Fgif-compress\u002F\">DocCrunch Compressão GIF\u003C\u002Fa> oferece Nítido, Equilibrado e Mínimo, além de escala independente. Os dois primeiros mantêm atualmente todos os quadros; o último também remove intermediários.\u003C\u002Fp>\n\u003Ch2>Reduza dimensões quando sobrarem pixels\u003C\u002Fh2>\n\u003Cp>Passar proporcionalmente de 1000×600 para 500×300 deixa um quarto dos pixels em cada quadro. O arquivo não necessariamente fica quatro vezes menor: conteúdo, cores e codificação também contam.\u003C\u002Fp>\n\u003Cp>Avalie no tamanho real de exibição. Letras pequenas podem ficar ilegíveis, e linhas, cursores ou ícones perder definição.\u003C\u002Fp>\n\u003Cp>DocCrunch oferece tamanho original, 75%, 50% e 33%. Comece com uma redução moderada e assista à animação inteira. Se as dimensões já atendem ao uso, continuar reduzindo pode não compensar.\u003C\u002Fp>\n\u003Ch2>Menos cores afetam as gradações\u003C\u002Fh2>\n\u003Cp>GIF utiliza paletas e tem capacidade de cores limitada, explicada na \u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FGlossary\u002FGIF\">introdução da MDN ao GIF\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>A redução costuma aparecer em degradês, sombras e diferenças sutis. Transições suaves viram faixas e cores próximas podem se fundir. Às vezes a perda é de gradação, não apenas de intensidade.\u003C\u002Fp>\n\u003Cp>Gráficos de cores chapadas, ícones simples e fotografias complexas reagem de maneiras diferentes. Os três modos DocCrunch usam atualmente 256, 180 e 96 cores. Confira:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Faixas evidentes nos degradês.\u003C\u002Fli>\n\u003Cli>Sombras transformadas em blocos uniformes.\u003C\u002Fli>\n\u003Cli>Separação suficiente entre letras pequenas e fundo.\u003C\u002Fli>\n\u003Cli>Cintilação de detalhes durante a reprodução.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Algumas mudanças são mais perceptíveis em movimento do que em um quadro parado.\u003C\u002Fp>\n\u003Ch2>Menos quadros não significa apenas maior velocidade\u003C\u002Fh2>\n\u003Cp>A duração depende também de quanto tempo cada quadro fica visível. Remover intermediários e prolongar os restantes pode manter aproximadamente o ritmo, mas reduz as transições e deixa deslocamentos mais bruscos.\u003C\u002Fp>\n\u003Cp>O modo Mínimo do DocCrunch seleciona quadros em intervalos e soma os tempos correspondentes. Ele reduz principalmente a informação intermediária do movimento.\u003C\u002Fp>\n\u003Cp>Movimentos lentos e simples podem tolerar isso. Confira deslocamentos rápidos, ações do cursor e avisos breves: algo visível por apenas um ou dois quadros pode perder clareza ou desaparecer.\u003C\u002Fp>\n\u003Cp>Em demonstrações, preservar a ação completa costuma importar mais que economizar um pouco mais. Um primeiro quadro nítido não basta.\u003C\u002Fp>\n\u003Ch2>Recorte considerando toda a animação\u003C\u002Fh2>\n\u003Cp>Se houver áreas fixas vazias ou irrelevantes, considere \u003Ca href=\"\u002Fpt\u002Fgif-crop\u002F\">Recortar GIF\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>O recorte reduz a área mantida, não a duração. Assista à sequência inteira e confirme que o objeto continua dentro dos limites na posição mais distante.\u003C\u002Fp>\n\u003Cp>Um espaço vazio no início pode depois receber texto, um menu aberto ou um objeto móvel. Definir o recorte apenas pelo primeiro quadro pode eliminar conteúdo posterior.\u003C\u002Fp>\n\u003Cp>Defina primeiro a área e depois as dimensões finais. Para continuar, use o \u003Ca href=\"\u002Fpt\u002Fgif-compress\u002F\">compressor específico de GIF\u003C\u002Fa>, não uma ferramenta limitada a imagens estáticas.\u003C\u002Fp>\n\u003Ch2>Confira a reprodução do arquivo baixado\u003C\u002Fh2>\n\u003Cp>Assista a pelo menos um ciclo completo e verifique:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Conteúdo:\u003C\u002Fstrong> textos, avisos e objetos móveis completos.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Qualidade:\u003C\u002Fstrong> letras, linhas, degradês e sombras aceitáveis.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Movimento:\u003C\u002Fstrong> saltos toleráveis e pausas suficientes.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Reprodução:\u003C\u002Fstrong> velocidade, repetição e final adequados.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Entrega:\u003C\u002Fstrong> dimensões e tamanho dentro dos limites.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Confira separadamente GIFs que tinham repetição limitada. DocCrunch atualmente define os GIFs recodificados para repetição contínua; não presuma que a contagem original será mantida.\u003C\u002Fp>\n\u003Cp>Processar localmente no navegador não substitui a revisão. Preserve o original e gere variantes a partir dele, em vez de processar várias vezes cópias já comprimidas.\u003C\u002Fp>\n\u003Cp>Nenhum modo é ideal para todo GIF. Avalie dimensões necessárias, transições importantes e movimento que pode ser reduzido. O resultado deve caber no limite sem perder o conteúdo da animação.\u003C\u002Fp>\n",[20,22],{"slug":21},"gif-compress",{"slug":23},"gif-crop",[],1789443199618]