Uma pequena bancada para imagens direcionadas para a web

Um monitor de desktop exibindo uma fotografia em um editor de imagens

Sobre esta seleção

Um kit de ferramentas de imagem focado para editar uma fonte, comparar compactação, limpar SVG e verificar uma pequena animação.

Preparar uma imagem geralmente é uma sequência de decisões: o que manter, qual deve ser o tamanho, qual formato cabe e quanta qualidade trocar por tamanho. Essas ferramentas têm funções distintas, então escolha aquela que corresponde ao ficheiro à sua frente. Mantenha um original intacto e julgue o resultado exportado pelo tamanho que as pessoas realmente verão.

Tente isso primeiro

Comece com uma imagem e decida as dimensões de exibição pretendidas. Corte ou edite primeiro e depois compare as configurações de compactação. Se for SVG, inspecione a forma otimizada; se for animado, verifique o tempo e a transparência, bem como o tamanho. Abra o ficheiro exportado antes de substituir o original na sua página.

Lembre-se

As ferramentas diferem no processamento local, uploads, suporte de formato e limites. Verifique o manuseio atual antes de usar ficheiros confidenciais, especialmente com conversores online. Reduzir as dimensões ou a complexidade da animação pode ser mais importante do que outra rodada de compactação.

4 ligações/Na ordem escolhida pelo curador

Ligação 1inglês

Squoosh

Compare as configurações de compactação com uma visualização visível do antes e depois. Verifique o texto fino e as bordas no tamanho de exibição pretendido antes de escolher o ficheiro menor.

squoosh.app

Ligação 2inglês

SVGOMG

Inspecione o efeito das opções de otimização SVG. Mantenha a fonte e verifique se as formas, recortes e outros detalhes visíveis sobrevivem às alterações.

jakearchibald.github.io

Ligação 3–

Fotopea

Edite e recorte imagens em um editor baseado em navegador. Verifique as dimensões exportadas e o formato do ficheiro em vez de presumir que o documento de trabalho está pronto para publicação.

photopea.com

Ligação 4inglês

Ezgif

Redimensione, converta e otimize imagens animadas usando a ferramenta relevante. Revise o tratamento de upload e inspecione a animação completa após a exportação.