Central de Ajuda

Como preparar imagens para publicação on-line

Como escolher o melhor tamanho de imagem para seu site

A preparação de imagens para publicação on-line ajuda seu site a carregar mais rapidamente. São necessárias apenas duas etapas. Primeiro, você deve alterar a largura e a altura da imagem usando um editor de fotos, por exemplo, um editor on-line gratuito. Em seguida, você deve compactar a imagem usando um compressor de imagens - issoreduzirá o tamanho do arquivo.

Imagens menores carregam mais rápido. O tamanho da imagem depende de dois parâmetros:
1. Largura e altura da imagem em pixels - imagens cujo tamanho é 3000 x 2000 pixels são maiores do que as imagens de 300 x 200 pixels).
2. Conteúdo de uma imagem - quanto mais detalhes e cores uma imagem tiver, maior será seu tamanho.

Recomendamos que você prepare uma imagem para publicação on-line cortando-a primeiro e, em seguida, removendo os detalhes desnecessários para que ela carregue ainda mais rápido.

Qual é o tamanho de imagem ideal?

Ao fazer o upload para Tilda, todas as imagens grandes são automaticamente redimensionadas para 1680 pixels. As imagens menores que 1680 pixels mantêm seu tamanho original.

Como esse é um processo automatizado, ele pode diminuir a qualidade da imagem para que ela seja carregada mais rapidamente. É por isso que você pode querer editar fotos manualmente: dessa forma, você pode preservar melhor a qualidade delas.

Antes de fazer upload de uma imagem de tamanho grande para Tilda, reduza o tamanho da imagem para pelo menos 1680 pixels, se medido em relação à borda mais longa.

O ideal é fazer upload de imagens do tamanho que elas devem aparecer no site. Se a foto não tiver o tamanho que deveria ter no layout da página, o navegador comprimirá ou esticará a imagem automaticamente. Como ele não faz isso de forma adequada, a foto pode parecer borrada.

Para saber o tamanho da sua imagem, adicione um bloco de texto à página, ative a grade nas configurações do bloco e você verá quantas colunas a imagem ocupará. A largura de uma coluna é de 60 pixels e a distância entre as colunas é de 40 pixels.

Como minimizar o tamanho de um arquivo de imagem?

Você pode usar um software especial que comprime imagens combinando cores semelhantes. Esses programas combinam cores de forma tão complexa que você não conseguirá distinguir entre o "antes" e o "depois". Eles podem reduzir o tamanho de sua imagem em até 70%.

Talvez você queira dar uma olhada:

Exemplos de otimização de imagens

Vamos usar esta imagem de Christoph Bengtsson Lissalde que baixamos do Unsplash, para mostrar como funciona a otimização de imagens.

Tamanho original da imagem: 4405 х 2478 pixels, tamanho do arquivo: 3,5 MB.

Vamos fazer upload da imagem para Tilda como ela está. A imagem será cortada para 1680 x 945 pixels e seu tamanho será de 1,2 MB.

Abra o arquivo original no Photoshop, altere o tamanho da imagem para 1680 x 945 pixels e salve-a - seu tamanho será reduzido para 832 KB.

Carregue a foto no TinyPNG para compactá-la e você obterá uma imagem de 353 KB.

Conseguimos preservar a qualidade da imagem.