Como compactar imagens para sites com Photoshop ou Online

Se você estiver executando uma loja ou site online, compactação de imagem para site é uma arte que os desenvolvedores web devem dominar. De acordo com uma pesquisa recente, há mais de cem formatos de imagem. Eles foram desenvolvidos para diferentes propósitos. Alguns deles são amigáveis ​​para sites e outros não são adequados para distribuição online. Este artigo mostrará as melhores maneiras de compactar imagens para a web. Assim, você pode otimizar seu site e acelerar o carregamento da página.

• Parte 1: Os benefícios para compactar imagens para a Web
• Parte 2: A maneira mais fácil de compactar imagens para sites
• Parte 3: Como compactar imagens para a Web com o Photoshop
• Parte 4: Perguntas frequentes sobre a compactação de imagens para a Web

Parte 1: Os benefícios para compactar imagens para a Web

Imagens grandes podem deixar suas páginas da web mais lentas. Isso cria uma experiência de usuário menos que ideal. Compactar imagens para sites é o processo de diminuir o tamanho do arquivo. De acordo com o HTTP Archive, as imagens compõem em média 21% do peso total de uma página da web. Os principais benefícios da compactação de imagens para webs incluem:

• Melhore a velocidade de carregamento de páginas da web.
• Melhore o seu SEO. Arquivos de imagem menores aceleram seu site e têm uma classificação mais alta nos resultados dos mecanismos de pesquisa.
• Faça backups rapidamente.
• Amigável para os visitantes, pois um tamanho menor de arquivo usa menos largura de banda.
• Exija menos espaço de armazenamento no seu servidor.

Parte 2: A maneira mais fácil de compactar imagens para sites

Utilitários baseados na Web são a maneira mais fácil de compactar imagens para a Web; no entanto, eles geralmente têm algumas desvantagens, como limite de tamanho de arquivo. A partir deste ponto, recomendamos Compressor de imagem on-line gratuito da Apeaksoft. Ele pode atender a tudo o que você precisa para compactar imagens de sites on-line.

Resumindo, o Free Online Image Compressor é um bom ponto de partida para iniciantes e pessoas comuns compactarem imagens para a web.

Como compactar imagens da Web on-line

1º PassoAbra um navegador da web e visite o compressor de imagem online diretamente.

2º PassoClique na Adicionar imagens botão para acionar o diálogo de abrir arquivo. Encontre e selecione as imagens que deseja postar em seu site e clique no botão Abra botão para carregá-las. Alternativamente, arraste e solte as imagens do seu disco rígido na página para carregá-las diretamente.

3º PassoUma vez que o upload é feito, o aplicativo da web começa a compactá-los imediatamente. Após a compactação das imagens da web, você pode baixar as imagens menores clicando em Baixar botão em cada arquivo. Ou clique no Download de todos os botão para obter todas as imagens compactadas como um arquivo ZIP.

Parte 3: Como compactar imagens para a Web com o Photoshop

O Photoshop é outra maneira de compactar imagens para sites. Comparado aos compressores de imagem online, o Photoshop oferece amplas opções personalizadas e ferramentas de edição de imagem. Portanto, é mais adequado para usuários avançados. Se você já tem o Photoshop no seu computador, as etapas abaixo esclarecem o fluxo de trabalho.

1º PassoExecute o Photoshop e abra uma imagem que você deseja usar no seu site. Abra o Envie o menu na faixa de opções superior e selecione Salvar para a Web. Para algumas versões do Photoshop, o Salvar para a Web opção está oculta em Exportar guia em Envie o menu.

2º PassoNa caixa de diálogo Salvar para a Web, você pode visualizar a imagem original e o resultado compactado em Óptimo estado. Original e Otimizado abas. Localize o painel direito e você terá algumas opções.

3º PassoEm primeiro lugar, ajuste o Formato de arquivo no canto superior direito. Por padrão, é JPEG, mas você pode alterá-lo para outros formatos de imagem. Quando se trata de Qualidade, ajuste o valor com base na sua necessidade. Quanto maior, maior será o tamanho do arquivo. Se você comprimir muito a qualidade da imagem, ela ficará borrada.

4º PassoEm seguida, marque a caixa ao lado de Otimizado. Em seguida, decida se deseja converter para sRGB. Para reduzir o tamanho da imagem, você pode alterar o Largura e Altura opções em Tamanho da Imagem área.

5º PassoVerifique o tamanho do arquivo no canto inferior esquerdo. Se estiver satisfeito com ele, clique no Pronto botão. Na caixa de diálogo de perfil, selecione uma pasta de destino, nomeie a imagem e salve-a no seu disco rígido.

Parte 4: Perguntas frequentes sobre a compactação de imagens para a Web

Pergunta 1: Qual é um bom tamanho de imagem para a web?

Resposta: Além de compactar imagens para sites, a dimensão da imagem é um elemento importante. Isso pode ter um grande impacto na exibição online. Sugerimos que você use imagens com largura entre 1500 e 2500 pixels. As imagens menores que 1500 pixels podem ficar embaçadas ou pixelizadas quando são esticadas.

Pergunta 2: Quantos KB deve ter uma imagem da web?

Resposta: Existe uma regra de 200 KB. A maioria dos desenvolvedores da Web concorda que 200 KB é o tamanho máximo de arquivo para uma imagem. Este valor foi testado e chegou-se à combinação de vários fatores, como as dimensões médias das imagens, o formato, o número de imagens por página web. Ao compactar imagens para a Web, você também pode seguir esta regra.

Pergunta 3: Qual é o melhor para web, JPG ou PNG?

Resposta: Como o JPG e o PNG têm suas vantagens e desvantagens, você deve escolher o caminho certo de acordo com a sua situação. Na prática, você deve usar JPG para fotografias e PNG para gráficos e capturas de tela.