Redimensionar pixels de imagem no Mac: 3 métodos

O modelo de blog exibe heróis com 960 px de largura CSS, mas as exportações de design frequentemente chegam com 2880 px. Os leitores nunca veem esses pixels extras, mas os baixam em cada carregamento de página. Redimensione para o tamanho real de exibição antes de comprimir ou converter o formato.

A regra do tamanho de exibição

Exporte com aproximadamente 2x a largura CSS para telas de alta densidade de pixels, não no tamanho bruto de captura do seu monitor ou câmera. As dimensões em pixels não são iguais aos metadados de DPI. Uma imagem com 1920 px de largura marcada com 72 ou 300 DPI ainda ocupa 1920 px quando o layout usa largura em pixels.

Verifique o frame no Figma, no modelo do CMS ou no construtor de e-mail antes de fazer o lote. Para escolha de formato após o redimensionamento, veja como comprimir imagens no Mac .

Método 1: GetCompress

Ideal para: Pastas mistas, larguras reutilizáveis e conversão mais redimensionamento em uma única etapa.

1. Arraste uma imagem ou uma pasta para GetCompress .
2. Defina largura máxima ou altura máxima (por exemplo, 1920 px para heróis de blog).
3. Escolha o formato de saída se o CMS espera JPEG ou WebP.
4. Pré-visualize um screenshot da interface na nova largura e exporte ao lado dos originais.
5. Salve um preset como “blog 1920px” para reutilizá-lo na próxima vez.

O processamento fica no seu Mac. Para fluxos de trabalho de pastas em lote, veja redimensionar imagens em lote no Mac .

Método 2: Redimensionar no Visualizador

Ideal para: Um ou poucos arquivos com ferramentas integradas.

1. Abra a imagem no Visualizador.
2. Ferramentas → Ajustar Tamanho…
3. Defina Largura ou Altura em pixels; deixe Escala proporcional marcada, a menos que queira cortar intencionalmente.
4. Arquivo → Exportar… e escolha JPEG, PNG ou mantenha o formato atual.
5. Salve como um novo arquivo e confirme as dimensões em Ferramentas → Mostrar Inspetor.

Dê zoom no texto e nas linhas finas após o redimensionamento. Reduzir um screenshot abaixo de sua largura de exibição torna o texto ilegível.

Limitação: Sem presets salvos para dezenas de arquivos.

Método 3: Lote com sips

Ideal para: Loops do Terminal em uma pasta de JPEG ou PNG.

mkdir out
for f in *.jpg; do sips -Z 1920 "$f" --out "out/$f"; done

Largura exata (altura escala proporcionalmente):

sips --resampleWidth 1920 input.jpg --out output.jpg

Limitação: Pastas mistas com PNG, JPEG e HEIC ainda precisam de comandos separados ou de um app dedicado. Ferramentas de redimensionamento online enviam seus ativos para a nuvem; para mockups não lançados, mantenha o processamento local. Veja se os compressores de arquivo online são seguros .

Proporção de aspecto e aumento de escala

Nunca aumente a escala de um JPEG e recompacte esperando por detalhes mais nítidos. Você adiciona artefatos sem recuperar informações que nunca estiveram no arquivo.

Quando Visualizador é suficiente

Visualizador pode finalizar um único ativo quando a nova largura já combina com o layout.

GetCompress também ajuda quando a mesma largura aparece em dezenas de arquivos ou quando você também converte o formato na mesma etapa. Documente a largura em pixels escolhida no README do projeto para que a próxima pessoa não reintroduza exportações de 4000 px. Para entrega WebP após o redimensionamento, veja PNG para WebP no Mac .