[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"blog-pt-image-resize-crop-aspect-ratio-composition-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":26},"image-resize-crop-aspect-ratio-composition-guide","pt","Redimensionar imagens: proporção, corte e composição","Entenda a diferença entre dimensões e proporção e saiba quando recortar, adicionar margens ou redimensionar sem deformar a imagem.","2026-09-15","DocCrunch Team",[11,12,13,14],"redimensionar imagens","recortar imagens","proporção","composição",[11,12,13,14],"As dimensões estão certas. Por que a composição continua errada?",5,"\u003Cp>Transformar uma foto horizontal em uma imagem de 800×800 pixels pode produzir três resultados: pessoas mais estreitas, laterais cortadas ou espaços vazios acima e abaixo.\u003C\u002Fp>\n\u003Cp>As dimensões finais são iguais, mas o conteúdo preservado muda. Definir o tamanho de saída não determina como a imagem original deve ocupar esse espaço. Antes de preencher largura e altura, escolha a proporção e a área que precisa manter.\u003C\u002Fp>\n\u003Ch2>Dimensões e proporção são informações diferentes\u003C\u002Fh2>\n\u003Cp>As dimensões indicam a largura e a altura em pixels. A proporção expressa a relação entre elas. Imagens de 1200×800 e 600×400 têm proporção 3:2; reduzir a primeira proporcionalmente mantém o enquadramento.\u003C\u002Fp>\n\u003Cp>Já 800×800 corresponde a 1:1. Ao transformar uma imagem 3:2 em um quadrado, não é possível cumprir estas três condições ao mesmo tempo:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Preservar todo o conteúdo.\u003C\u002Fli>\n\u003Cli>Manter a forma original dos objetos.\u003C\u002Fli>\n\u003Cli>Preencher o quadrado sem espaços vazios.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Recortar, adicionar margens e esticar são maneiras diferentes de resolver essa escolha.\u003C\u002Fp>\n\u003Ch2>Recorte, margens e distorção têm consequências diferentes\u003C\u002Fh2>\n\u003Cp>Considere uma imagem de 1200×800 que precisa virar um quadrado de 800×800:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Método\u003C\u002Fth>\n\u003Cth>Como preenche o quadrado\u003C\u002Fth>\n\u003Cth>Principal consequência\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Redimensionar proporcionalmente e recortar\u003C\u002Ftd>\n\u003Ctd>Preenche a área e remove o excedente\u003C\u002Ftd>\n\u003Ctd>Mantém as formas, mas perde conteúdo\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Redimensionar proporcionalmente e adicionar margens\u003C\u002Ftd>\n\u003Ctd>Encaixa a imagem inteira e completa o fundo\u003C\u002Ftd>\n\u003Ctd>Preserva o conteúdo, mas cria espaços vazios\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Esticar\u003C\u002Ftd>\n\u003Ctd>Ajusta largura e altura separadamente\u003C\u002Ftd>\n\u003Ctd>Mantém a área original, mas pode deformar objetos\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Um recorte central pode preservar uma área de 800×800 e remover 200 pixels de cada lado. Para manter a imagem inteira, reduzir a largura para 800 deixa a altura em aproximadamente 533 pixels; o restante exige um fundo.\u003C\u002Fp>\n\u003Cp>Ao esticar diretamente, a largura diminui e a altura permanece igual. Um círculo pode virar uma elipse, apesar de as dimensões finais estarem corretas.\u003C\u002Fp>\n\u003Ch2>O centro da imagem nem sempre é o centro do assunto\u003C\u002Fh2>\n\u003Cp>O recorte central é previsível e útil em lotes, mas não identifica o conteúdo importante. Pode cortar um assunto próximo da borda, textos nos cantos ou pessoas distribuídas nas laterais. Mesmo sem cortar o assunto principal, pode alterar as relações de espaço.\u003C\u002Fp>\n\u003Cp>O \u003Ca href=\"\u002Fpt\u002Fimage-resize\u002F\">redimensionador de imagens DocCrunch\u003C\u002Fa> oferece recorte e distorção no modo de largura e altura fixas. O recorte preenche a área proporcionalmente e mantém o centro da imagem; não detecta automaticamente a posição do assunto.\u003C\u002Fp>\n\u003Cp>Para controlar o enquadramento, use primeiro o \u003Ca href=\"\u002Fpt\u002Fimage-crop\u002F\">recorte de imagens\u003C\u002Fa>, escolha a proporção e ajuste manualmente a área. Depois, defina as dimensões finais.\u003C\u002Fp>\n\u003Cp>Recortar para 1:1 produz um quadrado, mas não necessariamente uma imagem de 800×800 pixels.\u003C\u002Fp>\n\u003Ch2>Quando a exigência envolve apenas um lado\u003C\u002Fh2>\n\u003Cp>Uma largura de 1200 pixels ou um limite para o lado maior não exige necessariamente um retângulo fixo. O outro lado pode ser calculado proporcionalmente, evitando cortes ou deformações desnecessários.\u003C\u002Fp>\n\u003Cp>Com o lado maior definido como 1200 pixels:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Uma imagem horizontal 3:2 resulta em 1200×800.\u003C\u002Fli>\n\u003Cli>Uma imagem vertical 2:3 resulta em 800×1200.\u003C\u002Fli>\n\u003Cli>Uma imagem quadrada resulta em 1200×1200.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>As dimensões variam, mas a regra é a mesma. A \u003Ca href=\"\u002Fpt\u002Fimage-resize\u002F\">ferramenta de redimensionamento\u003C\u002Fa> permite ajustar por largura, altura, lado maior, lado menor ou porcentagem. Escolha conforme a exigência real de quem recebe o arquivo.\u003C\u002Fp>\n\u003Ch2>Verifique as bordas de cada imagem do lote\u003C\u002Fh2>\n\u003Cp>Um lote pode reunir orientações e posições de assunto diferentes. Aplicar as mesmas dimensões não garante que todos os recortes funcionem. Confira:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Se cabeças, mãos e pés foram cortados.\u003C\u002Fli>\n\u003Cli>Se bordas, alças e saliências dos produtos estão completas.\u003C\u002Fli>\n\u003Cli>Se textos, logotipos e identificadores nos cantos continuam visíveis.\u003C\u002Fli>\n\u003Cli>Se há espaço à frente do assunto ou na direção do olhar.\u003C\u002Fli>\n\u003Cli>Se o tamanho aparente dos assuntos varia demais entre imagens.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Quando o conteúdo necessário não cabe na proporção desejada, refaça o enquadramento, escolha outra foto ou adicione margens em um editor que permita ampliar a tela. Apenas reduzir a imagem não resolve o conflito entre preencher tudo e preservar tudo.\u003C\u002Fp>\n\u003Ch2>Depois das dimensões, confira o tamanho do arquivo\u003C\u002Fh2>\n\u003Cp>800×800 descreve pixels, não um limite em KB ou MB. Formato, conteúdo e qualidade de codificação podem produzir arquivos de tamanhos muito diferentes nas mesmas dimensões.\u003C\u002Fp>\n\u003Cp>Uma sequência prática é:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Confirmar se há largura e altura fixas ou apenas um lado limitado.\u003C\u002Fli>\n\u003Cli>Comparar as proporções original e desejada.\u003C\u002Fli>\n\u003Cli>Escolher entre recorte, margens ou deformação permitida.\u003C\u002Fli>\n\u003Cli>Conferir o assunto e as bordas antes de gerar as dimensões finais.\u003C\u002Fli>\n\u003Cli>Verificar formato e tamanho do arquivo e comprimir, se necessário.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Se as dimensões já atendem ao requisito, mas o arquivo ainda é grande, use a \u003Ca href=\"\u002Fpt\u002Fimage-compress\u002F\">compressão de imagens\u003C\u002Fa>, sem continuar reduzindo o enquadramento.\u003C\u002Fp>\n\u003Cp>Uma imagem adequada também mantém as proporções dos objetos, preserva o conteúdo necessário e funciona no local de exibição. Decida primeiro como ela ocupará o espaço; depois, quantos pixels terá.\u003C\u002Fp>\n",[20,22,24],{"slug":21},"image-resize",{"slug":23},"image-crop",{"slug":25},"image-compress",[],1789443199932]