Script Photoshop para exportar WebP e JPEG em lote

O desafio

Publicar um catálogo envolve repetir ajustes de tamanho, qualidade, nomes e informações de produto em cada imagem.

A preparação de imagens para uma loja virtual começa antes do upload. Fotografias do mesmo produto precisam seguir uma regra de tamanho, manter o enquadramento e receber nomes que ajudem a identificar o conteúdo. Quando essa preparação depende de ações repetidas, pequenas diferenças entre arquivos tornam a entrega mais difícil de conferir.

Este projeto organiza essa rotina dentro do Adobe Photoshop. O operador informa os dados do produto uma vez e o script aplica o fluxo aos documentos abertos já salvos. A proposta comercial é adaptar as regras à operação: formatos de saída, campos de produto, estrutura de pastas e informações necessárias ao catálogo.

Como o fluxo funciona

1. 01

   Informar o produto

   O lote pode receber dados por formulário, JSON ou configuração genérica. Título, categoria e outras características informadas alimentam nomes e metadados, sem exigir que o operador preencha a mesma informação manualmente em cada arquivo.

2. 02

   Preparar as cópias

   O processamento trabalha em documentos duplicados e ajusta o limite para 2000 × 2000 pixels, sem ampliar imagens menores. Imagens quadradas mantêm o enquadramento; outras proporções podem receber espaço adicional para formar a tela quadrada.

3. 03

   Exportar os formatos

   As saídas são organizadas em pastas WebP e JPEG. Uma sequência de níveis de qualidade busca o alvo de 700 KB. Quando o tamanho desejado não é alcançado, o fluxo mantém as dimensões finais e registra um aviso.

4. 04

   Conferir a entrega

   O relatório reúne dimensões, qualidade, peso e avisos de cada imagem. Um JSON adicional organiza informações que podem apoiar a publicação. A numeração verifica saídas existentes nos dois formatos antes de escolher o próximo nome.

O trabalho desenvolvido

Um script JSX reúne os dados do lote, prepara cópias e entrega WebP, JPEG e arquivos de apoio para a publicação.

• WebP e JPEG por lote
• Limite dimensional sem ampliar originais menores
• Metadados e relatório por arquivo

Metadados com contexto

Informações XMP/IPTC acompanham a imagem, enquanto o arquivo de apoio reúne dados para o catálogo. Essa separação permite que a entrega seja aproveitada por uma pessoa ou integrada posteriormente a outro sistema.

Esses dados precisam ser utilizados pelo fluxo de publicação. Gravar uma descrição no arquivo não insere automaticamente um atributo alt no HTML e não garante que a imagem aparecerá na busca.

Regras de qualidade explícitas

Tamanho em pixels e peso do arquivo são critérios diferentes. O script evita continuar reduzindo a dimensão apenas para alcançar o alvo de peso, tornando essa decisão visível no relatório.

Antes da entrega de uma personalização, o lote de teste deve conter fundos, texturas, proporções e arquivos menores diferentes. Assim, o cliente pode avaliar a aparência e definir quais avisos exigem revisão.

Exemplo de escala sem ampliação

Exemplo adaptado para explicar a regra. Não é o script completo nem um trecho validado isoladamente no Photoshop.

function outputSize(width, height, limit) {
    var scale = Math.min(1, limit / Math.max(width, height));
    return {
        width: Math.max(1, Math.round(width * scale)),
        height: Math.max(1, Math.round(height * scale))
    };
}
var size = outputSize(2400, 1600, 2000);
// A exportação usa uma cópia do documento.
// O relatório registra tamanho e avisos.

Entrega e contexto

Fluxo implementado com entrada por formulário ou JSON, exportação e relatório. A revisão visual da versão final no Photoshop integra a validação.

Perguntas frequentes