Lidar com um site lento é incrivelmente frustrante. Depois de ajudar milhares de leitores do WPBeginner a acelerar seus sites, descobrimos que um problema aparece mais do que qualquer outro: imagens grandes e não otimizadas.
Muitos proprietários de sites se preocupam que reduzir o tamanho de suas imagens as fará parecer borradas e não profissionais. Entendemos. A boa notícia é que você não precisa escolher entre páginas de carregamento rápido e imagens bonitas e de alta qualidade.
Aperfeiçoamos um processo simples para otimização de imagens que usamos em todos os nossos próprios sites. Este guia o guiará por essas etapas exatas e amigáveis para iniciantes. Você aprenderá como tornar suas imagens menores sem sacrificar a qualidade.
Como este é um guia abrangente sobre otimização de imagens para a web, criamos um índice fácil de seguir:
- O que é Otimização de Imagem?
- Quais são os benefícios da otimização de imagens?
- Como Salvar e Otimizar Imagens para Desempenho na Web
- Melhores Ferramentas e Programas de Otimização de Imagem
- Melhores Plugins de Otimização de Imagem para WordPress
- Considerações Finais e Melhores Práticas para Otimização de Imagem
- Tutorial em Vídeo
- Perguntas frequentes sobre otimização de imagens
- Recursos adicionais sobre como melhorar o desempenho do WordPress
1. O que é Otimização de Imagem?
Otimização de imagem é o processo de salvar e entregar imagens no menor tamanho de arquivo possível sem reduzir a qualidade geral da imagem.
Embora o processo pareça complexo, na verdade é bastante fácil hoje em dia. Você pode usar um dos muitos plugins e ferramentas de otimização de imagem para comprimir automaticamente imagens em até 80% sem qualquer perda visível na qualidade da imagem.
Aqui está um exemplo de uma imagem otimizada versus não otimizada:
Como você pode ver, quando otimizada corretamente, a mesma imagem pode ser até 80% menor que a original sem nenhuma perda de qualidade. Neste exemplo, a imagem é 52% menor.
Como funciona a otimização de imagens?
Em termos simples, a otimização de imagens funciona usando tecnologia de compressão.
A compressão pode ser 'com perdas' ou 'sem perdas'.
A compressão sem perdas reduz o tamanho geral do arquivo sem nenhuma perda de qualidade da imagem. Com a compressão com perdas, pode haver uma pequena perda de qualidade, mas idealmente, ela não será perceptível para seus visitantes.
O que significa otimizar imagens?
Você pode ter recebido uma recomendação para otimizar imagens do suporte de hospedagem do seu WordPress ou de uma ferramenta de teste de velocidade e se perguntar o que precisa fazer.
Você precisará reduzir o tamanho do arquivo de suas imagens otimizando-as para a web. Mostraremos como fazer isso passo a passo.
2. Quais são os benefícios da otimização de imagens?
Embora existam muitos benefícios em otimizar suas imagens, aqui estão os principais que você deve saber:
- Velocidade mais rápida do site
- Melhoria no ranking de SEO
- Uma taxa de conversão geral mais alta para vendas e leads
- Menos armazenamento e largura de banda (o que pode reduzir os custos de hospedagem e CDN)
- Backups de site mais rápidos (o que pode reduzir o custo de armazenamento de backup)
Imagens são o segundo item mais pesado em uma página da web depois de vídeos. De acordo com o HTTP Archive, imagens frequentemente compõem a maior parte do tamanho total do arquivo de uma página.
Como sabemos que sites rápidos têm melhor classificação nos motores de busca (SEO) e melhores conversões, a otimização de imagens é algo que todo site de negócios deve fazer se quiser ter sucesso online.
Agora você pode estar se perguntando o quão grande pode ser a diferença que a otimização de imagens realmente faz.
Um estudo fundamental da Strangeloop descobriu que um atraso de um segundo no tempo de carregamento poderia custar 7% das vendas, 11% menos visualizações de página e uma diminuição de 16% na satisfação do cliente. Hoje, com as expectativas dos usuários ainda mais altas, o impacto é ainda mais significativo.
Se estas não são razões suficientes para acelerar seu site, então você deve saber que motores de busca como o Google também dão tratamento de SEO preferencial a sites que carregam mais rápido.
Isso significa que, ao otimizar suas imagens para a web, você pode tanto melhorar a velocidade do site quanto impulsionar os rankings de SEO do WordPress.
3. Como Salvar e Otimizar Imagens para Desempenho Web
A chave para uma otimização de imagens bem-sucedida para desempenho web é encontrar o equilíbrio perfeito entre o menor tamanho de arquivo e a qualidade de imagem aceitável.
As três coisas que desempenham um papel enorme na otimização de imagens são:
- Formato do arquivo de imagem (JPEG vs. PNG vs. GIF)
- Compressão (maior compressão = menor tamanho de arquivo)
- Dimensões da imagem (altura e largura)
Ao escolher a combinação certa das três, você pode reduzir o tamanho da sua imagem em até 80%.
Vamos analisar cada um deles com mais detalhes.
1. Formato do Arquivo de Imagem
Para a maioria dos proprietários de sites, os únicos três formatos de arquivo de imagem que realmente importam são JPEG, PNG e GIF. Escolher o tipo de arquivo correto desempenha um papel importante na otimização de imagens.
Para simplificar, você deve usar JPEGs para fotos ou imagens com muitas cores, PNGs para imagens simples ou transparentes e GIFs apenas para imagens animadas.
Para aqueles que não sabem a diferença entre cada tipo de arquivo:
- O formato de imagem PNG usa compressão sem perdas. Isso significa que ele reduz o tamanho do arquivo sem nenhuma perda de qualidade, tornando-o uma ótima opção para logotipos, gráficos com muito texto e imagens onde você precisa de linhas nítidas e transparência.
- Por outro lado, JPEG é um formato de arquivo compactado que reduz ligeiramente a qualidade da imagem para fornecer um tamanho de arquivo significativamente menor.
- Enquanto o GIF usa apenas 256 cores juntamente com compressão sem perdas, o que o torna a melhor escolha para imagens animadas.
No WPBeginner, usamos uma combinação desses formatos. No entanto, muitos sites modernos agora estão usando o formato WebP. O WebP geralmente oferece uma compressão ainda melhor que JPEG e PNG (significando arquivos menores) com excelente qualidade. A maioria dos navegadores agora o suporta, e muitos plugins de otimização podem converter automaticamente suas imagens para WebP para um grande aumento de velocidade.
Para mais informações sobre formatos de imagem, consulte nosso guia sobre WebP vs. PNG vs. JPEG: qual é o melhor formato de imagem para WordPress.
2. Compressão
A próxima coisa é a compressão de imagem, que desempenha um papel enorme na otimização de imagens.
Existem diferentes tipos e níveis de compressão de imagem disponíveis. As configurações para cada um variam dependendo da sua ferramenta de compressão de imagem.
A maioria das ferramentas de edição de imagem como Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo e outras possuem recursos de compressão de imagem integrados.
Você também pode salvar as imagens normalmente e depois usar uma ferramenta online como TinyPNG ou JPEGmini para uma compressão de imagem mais fácil.
Embora exijam algum esforço manual, esses dois métodos permitem que você comprima imagens antes de carregá-las no WordPress, e é isso que fazemos no WPBeginner.
Existem também vários plugins populares para WordPress como Optimole e EWWW Image Optimizer que podem comprimir automaticamente as imagens quando você as carrega pela primeira vez. Isso é conveniente, e muitos iniciantes e até grandes corporações preferem usar esses plugins de otimização de imagem.
Compartilharemos mais sobre o uso de plugins do WordPress mais adiante no artigo.
3. Dimensões da Imagem
Normalmente, quando você importa uma foto do seu telefone ou de uma câmera digital, ela tem uma resolução muito alta e grandes dimensões de arquivo (altura e largura).
Quando você obtém fotos do seu telefone ou de uma câmera digital, elas geralmente têm dimensões de pixels muito grandes (como 4000 pixels de largura) e podem ter uma configuração de 'resolução' de 300 DPI.
Aqui está uma dica fundamental para imagens da web: você pode ignorar completamente o DPI. Essa configuração é para impressão. Para a web, a única coisa que importa são as dimensões em pixels (altura e largura).
Reduzir as dimensões da imagem para algo mais razoável pode diminuir significativamente o tamanho do arquivo da imagem. Você pode simplesmente redimensionar imagens usando um software de edição de imagens no seu computador.
Por exemplo, tiramos uma foto com dimensões originais enormes de 4900 × 3200 pixels. O tamanho original do arquivo era de 1,8 MB.
Escolhemos o formato JPEG para maior compressão e alteramos as dimensões para 1200×795 pixels. O tamanho do arquivo foi reduzido para apenas 103 KB. Isso é 94% menor que o tamanho original do arquivo.
Agora que você conhece os três fatores importantes na otimização de imagens, vamos dar uma olhada em várias ferramentas de otimização de imagens para proprietários de sites.
4. Melhores Ferramentas e Programas de Otimização de Imagens
Como mencionamos anteriormente, a maioria dos softwares de edição de imagens vem com configurações de otimização e compressão de imagens.
Fora do software de edição de imagens, existem também várias ferramentas gratuitas e poderosas de otimização de imagens que você pode usar para otimizar imagens para a web (com apenas alguns cliques).
Recomendamos o uso dessas ferramentas para otimizar imagens antes de carregá-las no WordPress, especialmente se você for um perfeccionista.
Este método ajuda você a economizar espaço em disco na sua conta de hospedagem WordPress e garante a imagem mais rápida com a melhor qualidade, já que você revisa manualmente cada imagem.
Adobe Photoshop
Adobe Photoshop é um aplicativo premium de edição de imagens que permite exportar imagens com um tamanho de arquivo menor para a web.
Usando a caixa de diálogo de exportação, você pode escolher um formato de arquivo de imagem (JPG, PNG, GIF) que resulte no menor tamanho de arquivo.
Você também pode reduzir a qualidade da imagem, cores e outras opções para diminuir ainda mais o tamanho do arquivo.
GIMP
GIMP é uma alternativa gratuita e de código aberto ao Adobe Photoshop. Ele pode ser usado para otimizar suas imagens para a web. A desvantagem é que ele não é tão fácil de usar quanto algumas outras soluções nesta lista.
Primeiro, você precisa abrir sua imagem no GIMP e, em seguida, selecionar a opção Arquivo » Exportar Como…. Isso abrirá a caixa de diálogo Exportar Imagem, onde você pode dar um novo nome ao seu arquivo. Em seguida, você precisa clicar no botão ‘Exportar’.
Agora você verá as opções de exportação de imagem. Para arquivos JPEG, você pode usar o controle deslizante ‘Qualidade’ para selecionar o nível de compressão e reduzir o tamanho do arquivo.
Finalmente, você deve clicar no botão ‘Exportar’ para salvar o arquivo de imagem otimizado.
TinyPNG
TinyPNG é um aplicativo web gratuito que usa uma técnica inteligente de compressão com perdas para reduzir o tamanho de seus arquivos PNG e JPEG. Tudo o que você precisa fazer é ir ao site deles e fazer o upload de suas imagens usando um simples arrastar e soltar.
Eles comprimirão a imagem e fornecerão um link para download.
Eles também têm uma extensão para Adobe Photoshop, que é o que usamos como parte do nosso processo de edição de imagens, pois permite acessar o TinyPNG de dentro do Photoshop.
Para desenvolvedores, eles têm uma API para converter imagens automaticamente. Além disso, para iniciantes, eles têm um plugin para WordPress que fará isso por você. Falaremos mais sobre isso mais tarde.
JPEGmini
JPEGmini usa uma poderosa tecnologia de compressão com perdas que reduz significativamente o tamanho das imagens sem afetar sua qualidade percebida. Você também pode comparar a qualidade da imagem original e da imagem comprimida para ver por si mesmo.
Você pode usar a versão web deles gratuitamente ou comprar o programa para o seu computador. Eles também têm uma API paga para automatizar o processo para o seu servidor.
ImageOptim
O ImageOptim é um utilitário para Mac que permite comprimir imagens sem perder nenhuma qualidade, encontrando os melhores parâmetros de compressão e removendo perfis de cor desnecessários.
Uma alternativa para Windows a esta é Trimage.
5. Melhores Plugins de Otimização de Imagem para WordPress
Acreditamos que a melhor maneira de otimizar suas imagens é fazê-lo antes de carregá-las no WordPress. No entanto, se você administra um site com vários autores ou precisa de uma solução automatizada, pode experimentar um plugin de compressão de imagem para WordPress.
Aqui está nossa lista dos melhores plugins de compressão de imagem para WordPress:
- Optimole, um plugin popular da equipe por trás da ThemeIsle
- Otimizador de Imagens EWWW
- Compressão de Imagem JPEG, PNG e WebP, um plugin da equipe TinyPNG mencionada acima
- Imagify, um plugin da popular equipe WP Rocket
- ShortPixel Image Optimizer
- Smush
- reSmush.it
- Envira Gallery é um plugin de galeria para WordPress com compressão de imagem integrada
Estes plugins de otimização de imagem para WordPress ajudarão você a acelerar seu site.
6. Considerações Finais e Melhores Práticas para Otimização de Imagem
Se você não está salvando imagens otimizadas para a web, então precisa começar a fazer isso agora. Isso fará uma grande diferença na velocidade do seu site, e seus usuários agradecerão por isso.
Sem mencionar que sites mais rápidos são ótimos para SEO, e você provavelmente verá um aumento em seus rankings nos motores de busca.
Fora da otimização de imagens, as duas coisas que ajudarão significativamente a acelerar seu site são o uso de um plugin de cache do WordPress e o uso de uma CDN do WordPress.
No WPBeginner, usamos WP Rocket porque ele combina recursos poderosos de cache e otimização de imagem, incluindo carregamento preguiçoso (o que significa que as imagens só carregam quando um visitante rola a página para vê-las) e suporte a WebP, em uma única solução.
Se você usa o plugin Envira Gallery, também recomendamos o serviço Envira CDN deles. É uma CDN específica para imagens que faz com que suas galerias de fotos carreguem incrivelmente rápido sem a complexidade de uma configuração de CDN tradicional.
Alternativamente, você pode usar uma empresa de hospedagem WordPress gerenciada, pois elas geralmente oferecem cache e CDN como parte da plataforma.
Tutorial em Vídeo
Perguntas frequentes sobre otimização de imagens
Ao longo dos anos ajudando usuários a melhorar a velocidade de seus sites, respondemos a muitas perguntas sobre otimização de imagens. Aqui estão as respostas para algumas das mais comuns.
1. Qual é o melhor formato de imagem para a web?
Depende do tipo de imagem. Para fotografias com muitas cores, JPEG geralmente é a melhor escolha. Para gráficos simples, logotipos ou imagens que exigem um fundo transparente, PNG é ideal. GIFs só devem ser usados para animações. O formato mais novo, WebP, também é uma excelente opção que oferece ótima qualidade com tamanhos de arquivo pequenos.
2. A otimização de imagens reduz sua qualidade?
Nem sempre. A compressão ‘sem perdas’ (lossless) reduz o tamanho dos arquivos com zero perda de qualidade. Mesmo com a compressão ‘com perdas’ (lossy), o objetivo é encontrar um equilíbrio onde o tamanho do arquivo é drasticamente reduzido, mas qualquer alteração na qualidade é virtualmente invisível a olho nu.
3. Qual é um bom tamanho de arquivo para imagens da web?
Não existe um tamanho perfeito, mas um ótimo alvo para a maioria das imagens é abaixo de 150 KB. Para imagens grandes e de largura total, você pode chegar a 500 KB. O objetivo principal é sempre obter o menor arquivo possível, mantendo a imagem nítida e clara em seu site.
4. Como a otimização de imagens melhora o SEO?
Mecanismos de busca como o Google usam a velocidade da página como um fator de ranqueamento. Como as imagens são frequentemente os maiores arquivos em uma página, otimizá-las faz com que seu site carregue mais rápido. Essa melhoria de velocidade pode levar a melhores ranqueamentos de SEO e uma melhor experiência para seus visitantes.
5. Posso otimizar imagens já carregadas no WordPress?
Sim. A maioria dos plugins de otimização de imagens para WordPress inclui um recurso de ‘otimização em massa’. Essa ferramenta pode escanear toda a sua biblioteca de mídia e comprimir todas as suas imagens existentes, o que é perfeito para melhorar a velocidade de um site estabelecido.
Recursos adicionais sobre como melhorar o desempenho do WordPress
Esperamos que este artigo tenha ajudado você a aprender como otimizar suas imagens no WordPress. Você também pode querer ver outros artigos relacionados à melhoria do desempenho do WordPress:
- O Guia Definitivo para Aumentar a Velocidade e o Desempenho do WordPress
- Como Acelerar o Desempenho do WooCommerce
- Como Descarregar Mídia do WordPress para Melhorar a Velocidade do Site
- Melhores Plugins de Cache para WordPress para Acelerar Seu Site
- Como Otimizar as Core Web Vitals para WordPress (Guia Definitivo)
- Como Reduzir o Tempo para o Primeiro Byte (TTFB) no WordPress – Dicas de Especialistas
- Como Usar o Plugin GTmetrix para Melhorar o Desempenho do Site WordPress
- Hospedagem WordPress Mais Rápida (Testes de Desempenho)
- Métricas Importantes para Medir em Seu Site WordPress
- Como Executar Corretamente um Teste de Velocidade de Site
- Como Testar a Carga de um Site WordPress
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Dennis Muthomi
Bem, para mim, eu SEMPRE converto todas as minhas imagens para o formato de arquivo .webp antes de carregá-las no meu site WordPress.
Eu escolhi usar .webp em vez de JPEG e PNG porque ele oferece uma compressão sem perdas muito melhor, permitindo que o tamanho do arquivo seja significativamente reduzido sem afetar a qualidade da imagem.
Jiří Vaněk
Eu costumava fazer a mesma coisa. Primeiro convertendo todas as imagens para webp e depois enviando-as para o FTP. Assim, eu não tinha nenhum outro formato no site além de webp. No entanto, mais tarde fui informado de que essa não é uma boa prática, pois ainda existem tipos mais antigos de navegadores que alguns usuários podem estar usando, que não suportam webp. Se um usuário assim visitar seu site, as imagens não serão exibidas. Desde então, tenho usado um plugin. Eu envio imagens png para o site, e o plugin as converte para webp. Isso garante que ambos os formatos estejam no site, e para navegadores mais antigos, a imagem png compatível será usada para exibição.
Samuel
Uau, obrigado por fornecer essa visão sobre seu método. isso pode ser facilmente ignorado e levarei isso em consideração ao lidar com imagens para meus sites.
Jiří Vaněk
Obrigado pelo tutorial. Pessoalmente, eu costumava converter as imagens para o formato .webp primeiro e depois carregá-las na web nesse formato. Este formato me parece ser o menor em termos de volume de dados e, ao mesmo tempo, ainda de alta qualidade para uma boa experiência do usuário. Eu não uso plugins para isso, mas geralmente converto imagens em conversores online ou em software de computador.
Comentários WPBeginner
O formato .webp também pode ser um bom formato de imagem para usar devido ao seu pequeno tamanho de arquivo. Temos um guia sobre como usar .webp aqui, incluindo alguns plugins úteis para converter imagens em .webp: https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/
A conversão via plugin pode ser útil porque ela pode converter diretamente no site e em massa.
Jiří Vaněk
Mas se eu usar o plugin, ele não ocupará muito espaço no meu FTP porque o arquivo original também estará lá? Mas certamente ficarei feliz em conferir suas instruções. Obrigado pelo link.
Comentários WPBeginner
Você sempre pode excluir os arquivos originais. Você pode usar o recurso de pesquisa na página de administração de Mídia para pesquisar por tipos de arquivo, como as extensões .png ou .jpg/.jpeg.
Mrteesurez
Este é um guia completo.
É essencial otimizar imagens para ter carregamento rápido do site e entrega de conteúdo.
Você citou que imagens são as segundas mais pesadas depois de vídeo, e o áudio, o áudio é mais leve que imagens e como?
Comentários WPBeginner
O áudio tenderia a ficar entre imagens e vídeo. Dito isso, dependendo da quantidade de áudio e do tipo de arquivo de áudio, esta não é uma regra exata e depende apenas dos arquivos em questão.
Mrteesurez
Obrigado pela sua resposta, a questão é que eu costumava ver arquivos de áudio maiores em termos de tamanho do que imagens, a maioria das imagens está em kilobytes enquanto os áudios geralmente são mais do que isso, acho que a duração para um áudio ser reproduzido e entregar uma mensagem significativa também contribui para o seu tamanho.
Michelle N
Would love to say that this has been incredibly helpful, easy to digest and implement, I appreciate all the tools provided. Thank you!
– from a beginner blogger
WPBeginner Support
Glad our guide was helpful
Admin
mohadese esmaeeli
A propósito, outra dúvida que tenho é se, ao usar plugins de otimização de imagem e otimizar imagens previamente carregadas, as novas imagens substituem as antigas? Ou as imagens originais permanecem na biblioteca de mídia do WordPress, com as imagens otimizadas ao lado delas?
WPBeginner Support
Dependeria do plugin específico que você está usando, pois alguns substituirão a imagem enquanto outros terão a opção de manter a original.
Admin
Jiří Vaněk
Muitos deles oferecem a opção de manter as imagens originais ou excluí-las. Pela minha experiência pessoal, recomendo manter as imagens originais no site (pelo menos como backup).
mohadese esmaeeli
Olá,
Saudações a você. Este artigo parece ser bastante completo. Conheci seu site há alguns dias e comecei a ler os artigos. Decidi implementar o mesmo processo em meu site à medida que leio esses artigos.
Rapidamente cheguei ao ponto 2, focando na velocidade do site. Para ser honesto, estou trabalhando em meu site há apenas alguns dias e só consegui obter um aumento de 10% na velocidade do site.
WPBeginner Support
An improvement is still an improvement, we’re glad to hear our guide is helpful
Admin
mohadese esmaeeli
Sim, é exatamente isso. Neste mundo vasto e competitivo, aqueles que estão sempre aprimorando seus sites e oferecendo algo a mais que seus concorrentes serão os vencedores. Caso contrário, seremos os perdedores.
Moinuddin Waheed
Ter imagens otimizadas para sites ou blogs é muito importante para a velocidade do site.
Tamanhos de imagem pesados levam tempo para carregar e fazem com que o site fique lento.
Eu usei alguns dos plugins para otimização de imagens.
Mas eu acho que a melhor opção é usar plugins de cache e CDN para os sites.
Isso não só deixa a velocidade do site rápida, mas também ajuda a reter os visitantes.
WPBeginner Support
CDNs are normally for speed instead of retention but a fast loading site does help keep your visitors and helps make them want to return
Admin
Lewis
Antes de mais nada, é importante notar que nem todos os tipos de arquivo de imagem são criados iguais. JPEGs geralmente terão um tamanho de arquivo muito menor do que PNGs, por exemplo, então é importante escolher o tipo de arquivo certo para o trabalho.
Além disso, quando se trata de redimensionar imagens, você deve sempre redimensioná-las antes de carregá-las em seu site. Dessa forma, você pode evitar ter que servir imagens superdimensionadas aos seus visitantes, o que pode deixar seu site lento.
Finalmente, eu queria apontar que existem vários plugins disponíveis que podem ajudá-lo a automatizar o processo de otimização de suas imagens. WP Smush é uma ótima opção que pode ajudá-lo a economizar tempo e garantir que suas imagens estejam sempre devidamente otimizadas.
WPBeginner Support
Thanks for sharing your comment
Admin
Rebecca Gelsi
Isso é brilhante, obrigado. Estou usando JPEGmini depois de ler este artigo e estou muito aliviada por ter este aspecto do nosso site resolvido.
Andy
Obrigado pela explicação normal e simples. Cometi alguns erros com o conteúdo das minhas fotos no meu site, mas com a ajuda das suas explicações, descobri exatamente o que precisava fazer. Obrigado!
WPBeginner Support
Glad our guide was helpful
Admin
Tania
Tão útil!! Obrigado por compartilhar. Pergunta rápida – Se eu comprimir minhas imagens para um tamanho de KB ideal/aceitável diretamente no Photoshop usando a configuração Salvar para Web mencionada acima, e depois carregá-las no Wordpress… há necessidade de também executar o Shortpixel ou outro plugin de compressão de imagem? Ou isso é redundante?
Tentando entender se há benefícios adicionais em usar um plugin em vez do Photoshop. Adoraria ouvir seus pensamentos. Obrigado!
WPBeginner Support
The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin
Admin
Shiv Raj Bhatt
Ótima ideia otimizar imagens para um site com carregamento mais rápido. Obrigado pela informação.
WPBeginner Support
Glad you like our content
Admin
Lauren
Excelente e completo! Obrigado!
WPBeginner Support
Glad our guide was helpful
Admin
Eddier Naranjo
Os plugins de otimização fazem uma cópia da imagem "pesada" e servem a versão otimizada. Mas isso aumenta o espaço de armazenamento no site.
Existe alguma forma de deletar a versão antiga e deixar apenas a imagem otimizada?
WPBeginner Support
Recomendamos que você verifique com o suporte do plugin que está usando, pois eles normalmente têm uma opção para remover a versão não otimizada.
Admin
Diane Talbotier
Olá, redimensionar significa alterar o tamanho das imagens conforme elas são exibidas no site, ou redimensionar o tamanho do arquivo, por favor?
E como sei qual é o tamanho ideal?
WPBeginner Support
Dependeria do que você quer dizer, para compressão neste guia, é o tamanho do arquivo. Você também pode reduzir a largura e a altura de uma imagem se ela for muito grande. Seu tema específico determinaria o tamanho específico da imagem que você deseja usar.
Admin
Terri
Você mencionou em seu exemplo de otimização que sua foto original era de 300 dpi, depois você a otimizou para um tamanho de arquivo menor. Mas você não disse qual era o dpi alvo. É 72 para web? Ou maior? Obrigado pelo artigo informativo.
WPBeginner Support
Isso dependeria de sua preferência pessoal e de quão grandes você deseja/precisa que as imagens sejam.
Admin
Romel
muito obrigado, esclareceu muitas dúvidas.
WPBeginner Support
Glad our article was helpful
Admin
Odenyi Emmanuel Chidera
O que eu mais gosto no wpbeginner é como eles fornecem informações sobre o que implementar em seu próprio site, mas também dizem o que eles estão usando em seu próprio site. Isso realmente me ajuda a decidir mais rápido. Aprender com um mestre é sempre mais fácil. Obrigado.
WPBeginner Support
You’re welcome, glad you like our content
Admin
Luz Manalo-Cruz
Eu comprimi imagens via TinyPNG e tentei substituir as imagens mais pesadas em meu site por estas (ou seja, deletei as fotos pesadas e fiz o upload das comprimidas). No entanto, a biblioteca de mídia ainda está fazendo o upload das imagens antigas e pesadas. Isso significa que não posso substituir as imagens antigas já carregadas? Ele só fará o upload das imagens comprimidas que ainda não foram carregadas?
WPBeginner Support
Se você estiver substituindo as imagens mais pesadas, você deve garantir que não haja cache em seu site que esteja exibindo a imagem antiga e que, ao fazer o upload da nova imagem, você esteja fazendo o upload da imagem correta.
Admin
Giovanna
Obrigado pelo artigo informativo, Syed.
Daqui para frente, vou garantir que sempre usarei imagens otimizadas. Você recomenda que eu volte a posts já publicados e substitua minhas imagens por outras otimizadas?
WPBeginner Support
If possible we would recommend updating your older images, the plugins we recommended should handle that for you
Admin
Percy Young
Obrigado pela sua postagem. muitas ferramentas boas. Gostaria de saber se há algo que possa ser feito para redimensionar imagens que já foram carregadas e como excluir imagens que o WordPress não está mais usando.
WPBeginner Support
Se você precisar gerar novas imagens, siga nosso guia aqui:
https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/
Para remover as imagens extras, existem plugins de limpeza de mídia que você pode usar
Admin
WPBeginner Support
Glad you’ll use our recommendations
Admin
Dr Amandeep Sandhu
Obrigado por compartilhar essas ideias….!
WPBeginner Support
You’re welcome, thanks for reading our articles
Admin
İbrahim BOZKURT
Sou um desenvolvedor WordPress. Estou escrevendo da Turquia.
Muito difícil encontrar recursos de qualidade para WordPress.
Eu descobri vocês. Eu não sabia inglês, mas aprendi inglês. Graças a vocês, tudo.
WPBeginner Support
Thank you for reading our articles and congratulations on learning a new language
Admin
Felipe Adan Lerma
Olá, parece que o WordPress incorporou parte disso ao seu processo atual de upload de imagens, pelo menos na faixa Premium?
Pergunto porque agora tenho a opção de escolher o tamanho real ou algo maior ou menor?
Ou esse processo não é uma otimização / redução do tamanho da imagem?
Muito obrigado! Tópico muito importante e útil.
Adan
WPBeginner Support
Parece que você pode estar falando sobre o WordPress.com e eles têm plugins personalizados configurados para sites em seu serviço
Admin
Felipe Adan Lerma
Ahhh, sim, eu esqueço que os dois WP são diferentes, desculpe. Ainda estou tentando descobrir como trabalhar onde estou com o WP e é definitivamente através dos sites .com deles. Muito obrigado então, WP – Adan
WPBeginner Support
No worries, should it help we have our article listing the differences here:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Anna
Informação muito útil!! Eu estava pesquisando como fazer isso quando seu e-mail chegou! Economizou meu tempo e esforço e tinha exatamente o conselho que eu estava procurando.
WPBeginner Support
Glad our guide and newsletter could be helpful
Admin
Lindsay
Ao salvar no Photoshop, qual largura você sugere para um desempenho ideal na web?
Meu tema está salvando 1600x1050 para o cabeçalho ideal, mas o que devo fazer para as imagens do corpo. O designer do tema não tem uma recomendação.
WPBeginner Support
Se você estiver seguindo as outras etapas deste artigo, o tamanho da imagem seria o que melhor se encaixa nas dimensões do seu conteúdo, para que o WordPress não precise redimensionar a imagem.
Admin
edccde
Por favor, atualize aquele vídeo do YouTube. Em primeiro lugar, Jpegmini não é um aplicativo web e é um software que eu tenho que instalar no meu PC.
WPBeginner Support
Thank you for letting us know about the video, we’ll certainly look into updating the video
Admin
Jackie
Existe alguma forma de comprimir imagens já carregadas no WordPress? Ou preciso comprimir todas as minhas imagens e depois recarregá-las no WP? Agradeço desde já os conselhos.
Irina
Olá,
Preciso de um conselho: preciso fazer upload de imagens de baixa resolução e alta resolução (1200 pixels a 300 dpi) para que meus clientes possam baixá-las. Não tenho dúvidas sobre a otimização de imagens de baixa resolução. Como posso salvar imagens de alta resolução? O tamanho é de até 2 MB. Tenho centenas de milhares de imagens…
Ratan Kumar
Este post é incrível e realmente agrega valor ao meu site. No entanto, recentemente tentei salvar imagens do flipkart, mas elas foram salvas em formato de pixel muito baixo. Gostaria de saber se você pode me ajudar a descobrir como fazer isso.
Ray
Já fiz o upload em massa de 1500 imagens de produtos que estavam conectadas a URLs de imagens que encontrei na internet.
Agora que tenho essas 1500 imagens na minha Biblioteca de Mídia, como posso voltar e redimensioná-las e comprimi-las?
Além disso, estou confuso sobre se redimensionar significa alterar o tamanho das imagens como elas são exibidas no site, ou redimensionar o tamanho do arquivo.
Obrigado!
Sara Lewis
e o plugin ewww image optimizer?
WPBeginner Support
Olá Sara,
Sim, é uma boa alternativa. No entanto, para obter melhores resultados, ainda recomendamos otimizar as imagens em seu programa de edição de imagens antes de fazer o upload para o WordPress.
Admin
Donna
Estarei viajando para um lugar onde a conectividade com a internet é limitada e cara. Portanto, quero reduzir o tamanho do arquivo das minhas fotos antes de ficar online para carregá-las no meu blog. Alguém pode me recomendar qual resolução e dpi seriam bons para usar? O aplicativo que pretendo usar pede três medidas:
resolução – de 200 a 2048
DPI – de 72×72 a 300×300
qualidade jpeg (nível de compressão) – de 0,00 a 1,00
Carrie
No vídeo ela muda a foto dela. Entendo a tela no PS. Mas você não explicou qual deve ser a largura e a altura em pixels para o WP o limite é de 2 MB. Qual seria um bom padrão para sliders, etc. para um site WP?
Carrie
Desculpe por ser o leigo aqui, mas alguém poderia esclarecer uma coisa? Instalei o plugin WP Smush it e venho trabalhando lentamente em todas as fotos que carreguei no meu site nos últimos 2 anos. Estou fazendo 50 por vez, o limite gratuito. No entanto, agora que tenho o plugin, para futuros uploads de fotos, ter ele significa que não preciso usar nenhum outro programa para redimensionar minhas fotos antes de carregá-las no meu site WP? Se eu tiver uma foto de 8 MB e carregá-la no meu site, o plugin faz tudo por mim? Eu só quero confirmar que a foto original não é carregada e salva no meu servidor de hospedagem, SiteGround. Meu site está muito lento, fiz inúmeros diagnósticos e ainda não consigo descobrir o porquê, exceto que tudo aponta para minhas fotos. Obrigado!
Tony Squibb
Oi Carrie, eu definitivamente não sou um especialista de forma alguma, mas tenho experiência com WP Smush it e sim, os futuros uploads devem ser 'smushed' automaticamente. Há uma pequena notificação na galeria de mídia enquanto você faz isso.
Para verificar as causas do seu site lento, você pode usar o GTmetrix e depois abrir a página waterfall, onde ele mostrará os tempos de carregamento dos itens individuais das páginas. Assim que você souber qual é o problema, poderá resolvê-lo.
I hope that helps from one ‘dunce’ to another
Carrie
Olá Tony,
Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment.
Feliz Ano Novo! Que 2017 seja melhor que 2016.
Jeff
oi
Melhores Plugins de Otimização de Imagem para Sites WordPress Qual é?
Gagan
Eu estava pensando, e se eu fizesse upload das minhas imagens para o Google Blogger e as usasse no meu site WordPress pela opção “Inserir de URL”?
Alguma sugestão se essa é uma boa ideia ou não?
Obrigado desde já
Zimbrul
Voltei aqui porque estou procurando por plugins que façam upload de uma imagem grande como uma imagem otimizada diretamente para o WordPress. Tenho certeza de que já vi isso em algum lugar aqui no WP Beginner, mas não consigo encontrar.
WPBeginner Support
Por favor, dê uma olhada em Otimizando imagens com WP Smush: prós, contras e alternativas.
Admin
Jack
O Photoshop é definitivamente o melhor, para serviços online, kraken.io e resizeimage.net são boas alternativas ao tinypng.
tanveer
xnview é uma boa opção para comprimir imagens?
WPBeginner Support
Nós não experimentamos.
Admin
Larry Aldrich
Alguém mencionou RIOT em um comentário anterior. É o meu aplicativo preferido para minimizar imagens ANTES de fazer o upload delas. A taxa de compressão é quase fenomenal. Desculpem usuários de MAC, mas ele está disponível apenas para Windows.
Martin
Olá WPBeginner,
Eu estaria muito interessado na versão para Windows do Trimage que você aparentemente viu.
Na página inicial do Trimage, você vê apenas um link pedindo ajuda com a porta para Windows…
Greg
Eu me acostumei a usar o Fireworks, mesmo tendo o CS3
Zimbrul
Eu também. Eu uso o CSS4 e ainda recorro ao Fireworks para otimização de imagens.
Marianne P.
Acabei de verificar o site do Trimage e não vi a versão para Windows – apenas várias versões *nix. Por favor, me aponte na direção certa. Muito obrigado – artigo realmente ótimo!
Corinna
Eu estava me perguntando se havia alguma maneira de reduzir o tamanho das imagens já carregadas em um site? Mudei a forma como faço o upload delas, então, no futuro, todas as minhas imagens serão menores. Mas pensei que talvez fosse útil alterar o tamanho das já carregadas.
Julie Anglesey
Eu também gostaria de saber como reduzir o tamanho de imagens já carregadas.
Zimbrul
Era (ou foi) Smush-It.
Samiullah Khan
Pesquisei muito na web para encontrar uma boa solução para otimizar imagens; mas a maioria delas, a maioria delas não, vamos ver se as ferramentas mencionadas neste post funcionam ou não.
Graham
O artigo define PNG como um formato de arquivo não compactado, mas, até onde sei, PNGs padrão usam compressão sem perdas.
E acho que seria útil mencionar por que você pode escolher um formato em vez de outro para imagens de tom contínuo (por exemplo, uma foto) versus imagens de paleta limitada (por exemplo, um logotipo).
Rob Dewing
Por que não mencionar o Photoshop Elements, a versão simplificada para uso doméstico do Photoshop? Ele faz 90% das coisas que o Photoshop completo faz, incluindo compressão de imagem 'salvar para web', tudo por menos de US$ 100.
Ines
Você recomendaria usar o Flickr para carregar suas imagens e depois copiar o código HTML para o seu site WordPress? O que você sugeriria para blogs de viagem que contêm muitas fotos? Obrigado.
WPBeginner Support
Você pode adicionar fotos do Flickr no WordPress simplesmente colando o URL da foto em uma postagem. Normalmente, não recomendaríamos isso, porque as pessoas verão e encontrarão suas fotos no Flickr e talvez nunca tenham a chance de visitar seu site. No entanto, se você sentir que construir uma comunidade em torno de suas fotos no Flickr é mais útil para você, então vá em frente.
Admin