10 maneiras de reduzir o tamanho de suas imagens
Publicados: 2018-02-15Todos gostamos de ter um site com imagens de qualidade para chamar a atenção dos leitores, certo?
Se você tem uma página onde oferece serviços, vende um produto ou está trabalhando com um blog; com certeza você tem dezenas de fotos: nos artigos, nas páginas estáticas ou nos produtos, por exemplo.
Quando falamos de imagens para sites, não precisamos pensar apenas na quantidade de imagens que vamos adicionar. Devemos também considerar seu tamanho e, portanto, o espaço que esses arquivos ocuparão no servidor.
Por isso, neste artigo, falaremos sobre dez ferramentas que poderíamos usar para reduzir o tamanho das imagens que usaremos em nossa página, blog ou e-commerce.
- 1 · Por que você deve reduzir o tamanho das imagens em seu site?
- 2 · Dez ferramentas para reduzir o tamanho das imagens para o seu site
- 2.1 1) ShortPixel
- 2.2 2) Otimizador de imagem EWWW
- 2.3 3) Comprimir JPG e PNG
- 2.4 4) Compressor.io
- 2,5 5) Optimizilla
- 2.6 6) WP Smush
- 2.7 7) Kraken.io
- 2.8 8) Imagify Image Optimizer
- 2.9 9) Photoshop
- 2,10 10) MOTIM
- 3 · Como fazer upload de suas imagens para Mailrelay
- 3.1 Postagens relacionadas:
· Por que você deve reduzir o tamanho das imagens em seu site?
Antes de começar a falar sobre cada uma dessas ferramentas, gostaria de explicar a importância de reduzir o tamanho das imagens do seu site.
Hoje em dia, é fundamental que os sites sejam rápidos, ou seja, demorem apenas alguns segundos para carregar (idealmente menos de 3 segundos).
A otimização adequada das imagens do seu site é crítica por três motivos:
- O tamanho da imagem afeta a velocidade de carregamento do site , e acabamos de ver a importância de ter um site rápido.
- O tempo de carregamento é um dos principais fatores que afetam o SEO. Um site rápido será melhor classificado no Google do que um site lento (sempre pode haver exceções, mas essa é a regra geral).
- As imagens do site precisam ser adaptadas à largura da página. Para dar um exemplo, muitas vezes vejo muitas páginas com imagens muito maiores do que o espaço disponível. Se o espaço for 300px de largura, o administrador não deve fazer upload de uma imagem com 1000px. Este é um erro comum em muitas páginas da web. Meu conselho é adaptar o tamanho de todas as imagens do seu site.
· Dez ferramentas para reduzir o tamanho das imagens para o seu site
1) ShortPixel
O objetivo desta ferramenta é melhorar a performance dos nossos sites, reduzindo o tamanho das imagens.
Está disponível em versão web e como plugin para WordPress, oferecendo três tipos de compressão de fotos:
- Compressão com perda. É a melhor opção para a maioria dos usuários. Esta opção permite um equilíbrio entre a otimização e a qualidade da imagem.
- Compressão brilhante. É a melhor opção se você procura uma ferramenta com foco no Google Insights, mas não está preocupado com a velocidade de carregamento. Esta opção permite uma compressão aceitável, com qualidade de imagem. Quanto mais o arquivo for compactado, mais comprometida será a qualidade da imagem final.
- Compressão sem perdas. A última opção permite compactar o pixel da imagem por pixel, em comparação com as imagens originais, mas oferece uma redução muito menor, em comparação com os arquivos processados com as duas opções.
A versão web do ShortPixel permite reduzir imagens em lotes de 50 arquivos.
Já o plugin do WordPress é muito fácil de usar e muito leve. Basta instalá-lo e o plugin comprimirá todas as imagens do seu site e também os seus arquivos PDF com apenas um clique.
Além disso, as novas imagens enviadas serão redimensionadas automaticamente, sem a necessidade de qualquer ação adicional.
Por fim, devemos explicar que se trata de uma ferramenta “freemium”. Ou seja, você pode compactar 100 imagens por mês gratuitamente. Se você exceder esse valor, ele oferece vários planos pagos.
https://shortpixel.com/
ShortPixel Image Optimizer
2) Otimizador de imagem EWWW
É uma ferramenta desenvolvida com o objetivo de otimizar imagens para websites, mas neste caso, direccionada para sites que utilizam alojamento partilhado.
Assim como no caso do ShortPixel, o EWWW Image Optimizer possui uma versão web e também um plugin para WordPress além de diversos planos pagos.
O EWWW Image Optimizer permite aumentar a velocidade de carregamento das suas páginas, otimizando todas as imagens do seu site.
Este aumento de velocidade pode ajudá-lo a obter melhores posições nos motores de busca e também melhorar as taxas de conversão (aumento de vendas ou novos assinantes, por exemplo).
O EWWW Image Optimizer pode otimizar automaticamente todas as imagens que você carrega. Ele também pode otimizar todas as imagens que já estão hospedadas no servidor. Além disso, será possível converter todos os seus arquivos para o formato recomendado.
Quanto às opções de compactação, você pode optar por compactar por pixels ou opções de alta compactação sem perder qualidade.
https://ewww.io/
Otimizador de imagem EWWW
3) Comprimir JPG e PNG
Essa ferramenta online permite compactar um lote com até 20 imagens em JPG e PNG.
Seu uso é muito simples: basta fazer o upload ou arrastar os arquivos. Quando estiverem prontos, basta fazer o download das imagens compactadas separadamente ou compactadas em um arquivo ZIP.
http://compressjpeg.com/es/
4) Compressor.io
É uma das minhas ferramentas favoritas quando preciso compactar algumas imagens para carregá-las em minhas páginas.
Ele está disponível no compressor.io e seu uso é muito simples. Basta carregar ou arrastar a imagem que deseja compactar, aguardar a conclusão do processo (leva apenas alguns segundos) e fazer o download dos arquivos compactados.
Além disso, quando o processo for concluído, a ferramenta mostrará a porcentagem de compactação em comparação com a imagem original.
Observe que ele permite compactar arquivos em quatro formatos diferentes: JPEG, PNG, GIF e SVG.
5) Optimizilla
É um software otimizador de imagens online que utiliza uma combinação inteligente com diferentes algoritmos de compressão para reduzir o tamanho das imagens nos formatos JPEG e PN, mantendo a qualidade dos arquivos.
Permite trabalhar com até 20 imagens por vez, controlando a compressão e também comparando imagens.
http://optimizilla.com/es/
6) WP Smush
É um plugin para WordPress que sempre instalo nos meus sites. O nome correto desse plugin é Smush Image Compression and Optimization.
Usando este plugin, você poderá redimensionar, otimizar e compactar todas as suas imagens, tanto as que você importou quanto as que adicionou ao seu site antes de instalar o plugin.
Na minha opinião, a melhor funcionalidade deste plugin é que ele permite que você configure a largura e altura padrão para todas as suas imagens. Se eles excederem essas dimensões, o plugin irá reduzir automaticamente os arquivos.
Além disso, possui uma versão paga com recursos extras, como a opção de compactar mais imagens ao mesmo tempo ou salvar um backup de todas as imagens originais.
Smush - Imagens de carregamento lento, otimização e compressão de imagens
7) Kraken.io
O Kraken Image Optimizer é uma ferramenta disponível em versão online, mas também possui um plugin para WordPress ou Magento.
A principal vantagem desta ferramenta é para usuários que precisam: Diminuir a largura de banda e o uso de espaço, o que melhorará o tempo de carregamento do site.
O plugin permite otimizar e redimensionar suas novas imagens, bem como aquelas já armazenadas no servidor.
Este software suporta arquivos JPEG, PNG e GIF e o tamanho máximo do arquivo é de 32 MB.
https://kraken.io/
Kraken.io Image Optimizer
8) Imagify Image Optimizer
Tal como acontece com outras ferramentas anteriores, Imagify está disponível em uma versão web e um plugin para WordPress.
Com este plugin, você poderá: Melhorar a velocidade de carregamento do seu site, economizar tempo nas tarefas de otimização de imagens e verificar a qualidade dos arquivos que está utilizando.
O plugin pode compactar e redimensionar sua biblioteca WordPress com um único clique, e também é compatível com outras opções, como WooCommerce e NextGen Gallery.
https://imagify.io/
Imagify - Otimize suas Imagens e Converta WebP
9) Photoshop
Para terminar minha revisão dessas dez ferramentas para compactar imagens, vou falar sobre dois softwares.
Se você gosta de trabalhar no ambiente Adobe, o Photoshop tem a opção de otimizar imagens para uso em sites.
Especificamente, encontrará esta funcionalidade em “guardar para web ou“ exportar para web ”e permite-lhe escolher as dimensões, a qualidade e o formato das imagens.
Você só precisa ajustar a imagem de acordo com suas necessidades e baixar os arquivos compactados.
10) MOTIM
Por fim, gostaria de falar sobre o RIOT, um software que permite obter o equilíbrio correto entre a qualidade e o tamanho de suas imagens.
Esta ferramenta permite verificar a qualidade dos arquivos compactados com muito mais rapidez, pois seu painel é dividido em duas partes: uma área com a imagem original e outra com a versão otimizada, para que você possa verificar as diferenças lado a lado.
Quanto aos formatos, permite a compressão de arquivos em JPG, GIF e PNG. Ele pode alterar o tamanho das imagens usando seis algoritmos diferentes.
· Como fazer upload de suas imagens para Mailrelay
Agora que você conhece essas dez ferramentas para compactar e otimizar suas imagens, quero explicar como fazer o upload dessas imagens passo a passo para sua conta Mailrelay e incluí-las em seus boletins informativos.
A primeira coisa que você deve saber é que Mailrelay é um software de email marketing que permite enviar newsletters e gerenciar suas listas de mala direta. Você pode enviar as imagens que deseja usar diretamente para sua conta, mas vou mostrar como fazer isso usando uma plataforma CMS ou blog.
Nesse sentido, recomendo que você hospede externamente as imagens que deseja usar em seus boletins informativos. Agora, vou explicar como importá-los para o seu WordPress.
A primeira coisa que você deve fazer é acessar a galeria de mídia ou o blog do seu site. Aqui você pode gerenciar todas as imagens enviadas para o seu site e também adicionar novos arquivos.
O próximo passo é importar suas imagens, uma vez que tenham sido otimizadas usando algumas das ferramentas que mostramos na seção anterior.
Você pode arrastá-los ou soltá-los diretamente clicando em “Adicionar novo” e selecionando-os em seu computador.
Depois de carregar a imagem, você pode selecioná-la para abrir seus detalhes.
Passe o mouse sobre a imagem, clique com o botão direito e selecione a opção “copiar o endereço da imagem”.
Com o URL exato da imagem, abra sua conta Mailrelay e crie um novo boletim informativo. Se você já criou a mensagem, basta editá-la e incluir a imagem.
Para adicioná-lo, clique no botão “Imagem” e você verá a seguinte tela:
Nesta janela, você pode gerenciar as propriedades de suas imagens. Para adicionar um novo, basta colar o endereço que você copiou na etapa anterior. Ao fazer isso, você verá a imagem que vai importar.
O que você pode configurar as propriedades da imagem?
- Texto alternativo. É o texto que o usuário verá quando a imagem não for carregada corretamente. Pode acontecer que, dependendo do software de e-mail, a imagem não seja carregada com sucesso. Recomendamos adicionar o URL do seu site para evitar problemas.
- Tamanho (largura e altura em pixels). Aqui você deve inserir o tamanho da sua imagem. Minha recomendação é que ele não exceda 600px de largura para que seja exibido em smartphones corretamente. Na verdade, se você puder usar uma largura de 400 ou 500 px, será ainda melhor.
- Borda. Tamanho da borda em pixels. Normalmente deixo este campo vazio, mas se você quiser adicionar uma borda, deve configurá-lo nesta opção.
- Espaço horizontal e vertical. Você pode configurar o espaço horizontal e vertical da imagem em pixels.
- Alinhamento. Selecione o alinhamento esquerdo ou direito da imagem.
Depois de configurá-lo de acordo com o design do seu boletim informativo, você teria algo assim:
Agora basta clicar no botão “Aceitar” para inserir a sua imagem na newsletter.
Espero que esta revisão de 10 ferramentas para compactar imagens seja útil. Você só precisa escolher a opção que melhor se adapta às suas necessidades.
Antes de encerrarmos este post, gostaria de enfatizar a importância de otimizar todas as suas imagens para reduzir o tempo de carregamento do seu site e sua classificação no Google.
Afinal, tenho certeza de que você deseja estar nas primeiras páginas com suas palavras-chave primárias.