Você sabia que otimizar suas imagens antes de carregá-las no WordPress pode ter um grande impacto na velocidade do seu site?
Ao iniciar um novo blog, muitos iniciantes simplesmente carregam imagens sem otimizá-las para a Web. Esses arquivos de imagem grandes tornam seu site mais lento.
Você pode corrigir isso usando as práticas recomendadas de otimização de imagem como parte de sua rotina regular de blog.
Neste artigo, mostraremos como otimizar suas imagens para obter um desempenho mais rápido na Web sem perder a qualidade. Também compartilharemos plug-ins de otimização automática de imagens para WordPress que podem facilitar sua vida.
Como este é um guia abrangente sobre otimização de imagens para a Web, criamos uma tabela de conteúdo fácil de seguir:
1. O que é otimização de imagens?
A otimização de imagens é o processo de salvar e fornecer imagens no menor tamanho de arquivo possível sem reduzir a qualidade geral da imagem.
Embora o processo pareça complexo, ele é, na verdade, bastante fácil hoje em dia. Você pode usar um dos muitos plug-ins e ferramentas de otimização de imagens para compactar automaticamente as imagens em até 80% sem nenhuma perda visível na qualidade da imagem.
Aqui está um exemplo de uma imagem otimizada e outra não otimizada:
Como você pode ver, quando otimizada adequadamente, a mesma imagem pode ser até 80% menor que a original sem 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 a tecnologia de compactação.
A compactação pode ser “com perdas” ou “sem perdas”.
A compactação sem perdas reduz o tamanho total do arquivo sem perda alguma da qualidade da imagem. Com a compactação com perdas, pode haver uma pequena perda de qualidade, mas o ideal é que ela não seja perceptível para seus visitantes.
O que significa otimizar imagens?
Talvez você tenha recebido uma recomendação para otimizar as imagens do suporte de hospedagem do WordPress ou de uma ferramenta de teste de velocidade e esteja se perguntando o que precisa fazer.
Você precisará reduzir o tamanho do arquivo de suas imagens, otimizando-as para a Web. Mostraremos a você como fazer isso passo a passo.
2. Quais são os benefícios da otimização de imagens?
Embora haja muitos benefícios em otimizar suas imagens, aqui estão os principais que você deve conhecer:
- Maior velocidade do site
- Melhoria das classificações 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 mais rápidos do site (o que pode reduzir o custo do armazenamento de backup)
As imagens são o segundo item mais pesado em uma página da Web, depois dos vídeos. De acordo com o arquivo HTTP, as imagens representam 42% do peso total de uma página da Web média.
Como sabemos que os sites rápidos são mais bem classificados nos mecanismos de pesquisa (SEO) e têm melhores conversões, a otimização de imagens é algo que todo site comercial deve fazer se quiser ter sucesso on-line.
Agora você deve estar se perguntando qual é a diferença que a otimização de imagens pode realmente fazer.
De acordo com um estudo da Strangeloop, um atraso de um segundo no tempo de carregamento do site pode lhe custar 7% das vendas, 11% menos visualizações de página e uma redução de 16% na satisfação do cliente.
Se esses não forem motivos suficientes para acelerar o seu site, saiba que os mecanismos de pesquisa como o Google também dão tratamento SEO preferencial a sites de carregamento mais rápido.
Isso significa que, ao otimizar suas imagens para a Web, você pode melhorar a velocidade do site e aumentar as classificações de SEO do WordPress.
Tutorial em vídeo
Se você preferir instruções por escrito, continue lendo.
3. Como salvar e otimizar imagens para desempenho na Web
O segredo da otimização bem-sucedida de imagens para desempenho na Web é encontrar o equilíbrio perfeito entre o menor tamanho de arquivo e a qualidade de imagem aceitável.
Os três fatores que desempenham um papel importante na otimização de imagens são:
- Formato de 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 correta dos três, você pode reduzir o tamanho da imagem em até 80%.
Vamos dar uma olhada em cada um deles com mais detalhes.
1. Formato do arquivo de imagem
Para a maioria dos proprietários de sites, os três únicos formatos de arquivo de imagem que realmente importam são JPEG, PNG e GIF. A escolha do tipo de arquivo correto desempenha um papel importante na otimização de imagens.
Para manter as coisas simples, você deve usar JPEGs para fotos ou imagens com muitas cores, PNGs para imagens simples ou transparentes e GIFs somente para imagens animadas.
Para aqueles que não sabem a diferença entre cada tipo de arquivo, o formato de imagem PNG é descompactado, o que significa que é uma imagem de maior qualidade. A desvantagem é que o tamanho dos arquivos é muito maior.
Por outro lado, o JPEG é um formato de arquivo compactado que reduz ligeiramente a qualidade da imagem para proporcionar um tamanho de arquivo significativamente menor.
Já o GIF usa apenas 256 cores, além da compactação sem perdas, o que o torna a melhor opção para imagens animadas.
No WPBeginner, usamos todos os três formatos de imagem com base no tipo de imagem.
2. Compressão
O próximo passo é a compactação de imagens, que desempenha um papel importante na otimização de imagens.
Há diferentes tipos e níveis de compactação de imagem disponíveis. As configurações de cada um variam de acordo com sua ferramenta de compactação de imagens.
A maioria das ferramentas de edição de imagem, como Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo e outras, tem recursos de compactação de imagem incorporados.
Você também pode salvar as imagens normalmente e usar uma ferramenta da Web, como TinyPNG ou JPEGmini, para facilitar a compactação da imagem.
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.
Há também vários plug-ins populares do WordPress, como o Optimole e o EWWW Image Optimizer, que podem compactar automaticamente as imagens quando você as carrega pela primeira vez. Isso é conveniente, e muitos iniciantes e até mesmo grandes corporações preferem usar esses plug-ins de otimização de imagens.
Compartilharemos mais sobre o uso de plug-ins do WordPress mais adiante neste 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).
Normalmente, essas fotos têm uma resolução de 300 DPI e dimensões a partir de 2.000 pixels ou mais. Embora as fotos de alta qualidade sejam adequadas para impressão ou editoração eletrônica, seus tamanhos grandes as tornam inadequadas para sites.
Reduzir as dimensões da imagem para algo mais razoável pode diminuir significativamente o tamanho do arquivo de imagem. Você pode simplesmente redimensionar as imagens usando um software de edição de imagens em seu computador.
Por exemplo, otimizamos uma foto com uma resolução de 300 DPI e dimensões de imagem de 4900×3200 pixels. O tamanho do arquivo original era de 1,8 MB.
Escolhemos o formato JPEG para maior compactação e alteramos as dimensões para 1200×795 pixels. O tamanho do arquivo foi reduzido para apenas 103 KB. Isso é 94% menor do que o tamanho do arquivo original.
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 compactação de imagens.
Além do software de edição de imagens, há também várias ferramentas poderosas e gratuitas 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 as imagens antes de carregá-las no WordPress, especialmente se você for perfeccionista.
Esse método ajuda a economizar espaço em disco na sua conta de hospedagem do WordPress e garante a imagem mais rápida com a melhor qualidade, pois você revisa manualmente cada imagem.
Adobe Photoshop
O 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 ofereça o menor tamanho de arquivo.
Você também pode reduzir a qualidade da imagem, as cores e outras opções para diminuir ainda mais o tamanho do arquivo.
GIMP
O 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 desta lista.
Primeiro, você precisa abrir a imagem no GIMP e, em seguida, selecionar a opção Arquivo ” Exportar como…. Isso abrirá a caixa de diálogo Exportar imagem, na qual você poderá dar um novo nome ao arquivo. Em seguida, você precisa clicar no botão “Exportar”.
Agora você verá as opções de exportação de imagens. Para arquivos JPEG, você pode usar o controle deslizante “Quality” (Qualidade) para selecionar o nível de compactação e reduzir o tamanho do arquivo.
Por fim, você deve clicar no botão “Exportar” para salvar o arquivo de imagem otimizado.
TinyPNG
O TinyPNG é um aplicativo da Web gratuito que usa uma técnica inteligente de compactação com perdas para reduzir o tamanho dos seus arquivos PNG e JPEG. Tudo o que você precisa fazer é acessar o site e carregar suas imagens usando o simples recurso de arrastar e soltar.
Eles compactarão a imagem e fornecerão um link para download.
Eles também têm uma extensão para o Adobe Photoshop, que é o que usamos como parte de nosso processo de edição de imagens, pois permite acessar o TinyPNG de dentro do Photoshop.
Para os desenvolvedores, eles têm uma API para converter imagens automaticamente. Além disso, para iniciantes, eles têm um plug-in do WordPress que fará isso por você. Falaremos mais sobre isso mais tarde.
JPEGmini
O JPEGmini usa uma tecnologia de compactação sem 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 compactada.
Você pode usar a versão da Web gratuitamente ou comprar o programa para o seu computador. Eles também têm uma API paga para automatizar o processo em seu servidor.
ImageOptim
OImageOptim é um utilitário para Mac que permite compactar imagens sem perder qualidade, encontrando os melhores parâmetros de compactação e removendo perfis de cores desnecessários.
Uma alternativa ao Windows é o Trimage.
5. Melhores plug-ins de otimização de imagens para WordPress
Acreditamos que a melhor maneira de otimizar suas imagens é fazer isso antes de carregá-las no WordPress. Entretanto, se você tiver um site com vários autores ou precisar de uma solução automatizada, poderá experimentar um plug-in de compactação de imagens do WordPress.
Aqui está nossa lista dos melhores plug-ins de compactação de imagens do WordPress:
- Optimole, um plug-in popular da equipe por trás do ThemeIsle
- Otimizador de imagens EWWW
- Compressão de imagens JPEG, PNG e WebP, um plug-in da equipe do TinyPNG mencionada acima
- Imagify, um plug-in da popular equipe do WP Rocket
- Otimizador de imagens ShortPixel
- Smush
- reSmush.it
- OEnvira Gallery é um plug-in de galeria do WordPress com compactação de imagem integrada
Esses plug-ins de otimização de imagens do WordPress o ajudarão a acelerar seu site.
6. Considerações finais e práticas recomendadas para otimização de imagens
Se você não está salvando imagens otimizadas para a Web, precisa começar a fazer isso agora. Isso fará uma enorme diferença na velocidade do seu site, e seus usuários agradecerão por isso.
Além disso, sites mais rápidos são ótimos para SEO, e você provavelmente verá um aumento nas classificações dos mecanismos de pesquisa.
Além da otimização de imagens, as duas coisas que o ajudarão significativamente a acelerar seu site são o uso de um plug-in de cache do WordPress e o uso de uma CDN do WordPress.
Como alternativa, você pode usar uma empresa de hospedagem gerenciada do WordPress, pois elas geralmente oferecem cache e CDN como parte da plataforma.
Esperamos que este artigo tenha ajudado você a aprender como otimizar suas imagens no WordPress. Talvez você também queira ver nosso guia sobre como melhorar a segurança do WordPress ou nossas escolhas de especialistas para os melhores plug-ins do WordPress para sites comerciais.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Michelle N says
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 says
Glad our guide was helpful
Administrador
mohadese esmaeeli says
By the way, another question I have is whether, when using image optimization plugins and optimizing previously uploaded images, the new images replace the old ones? Or do the original images remain in the WordPress media library, with the optimized images alongside them?
WPBeginner Support says
It would depend on the specific plugin you are using as some will replace the image while others have the option to keep the original.
Administrador
Jiří Vaněk says
Many of them give you a choice whether you want to keep the original images or delete them. From personal experience, I recommend keeping the original images on the website (at least as a backup).
mohadese esmaeeli says
Hello,
Greetings to you. This article appears to be quite comprehensive. I became acquainted with your website a few days ago and started reading the articles. I have decided to implement the same process on my website as I read through these articles.
I quickly reached point 2, focusing on site speed. To be honest, I have been working on my site for just a few days, and I have only managed to achieve a 10% increase in site speed.
WPBeginner Support says
An improvement is still an improvement, we’re glad to hear our guide is helpful
Administrador
mohadese esmaeeli says
Yes, that’s exactly right. In this vast and competitive world, those who are always improving their website and offering something more than their competitors will be the winners. Otherwise, we will be the losers.
Moinuddin Waheed says
Having optimizes images for websites or blogs is very important for the speed of the website.
Heavy image sizes takes time to load and causes the website to slow.
I have used some of the plugins for image optimisation.
But I think best option is to use caching plugins and CDN for the websites.
it lets the website speed not only fast but also helps in retaining the visitors.
WPBeginner Support says
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
Administrador
Lewis says
First of all, it’s important to note that not all image file types are created equal. JPEGs are generally going to be much smaller in file size than PNGs, for example, so it’s important to choose the right file type for the job.
Additionally, when it comes to resizing images, you should always resize them before you upload them to your website. This way, you can avoid having to serve oversized images to your visitors, which can slow down your site.
Finally, I wanted to point out that there are a number of plugins available that can help you automate the process of optimizing your images. WP Smush is a great option that can help you save time and ensure that your images are always properly optimized.
WPBeginner Support says
Thanks for sharing your comment
Administrador
Rebecca Gelsi says
This is brilliant, thank you. I’m using JPEGmini after reading this article and am so relieved to have this aspect of our site sorted.
Andy says
Thanks for the normal and simple explanation. I made a few mistakes with my photo content on my site, but with the help of your explanations, I figured out exactly what I needed to do. Thank you!
WPBeginner Support says
Glad our guide was helpful
Administrador
Tania says
So helpful!! Thank you for sharing. Quick question – If I compress my images to an optimal/acceptable KB size directly in Photoshop using the Save for web setting mentioned above, and then upload to WordPress…is there a need to also run Shortpixel or another image compression plugin? Or is that redundant?
Trying to understand if there are added benefits to using a plugin vs Photoshop. Would love to hear your thoughts. Thanks!
WPBeginner Support says
The plugins are an alternative, if you optimize your images before uploading them, you wouldn’t need to use an image optimization plugin
Administrador
Shiv Raj Bhatt says
Great idea to optimize images for faster loading website. Thanks for the info.
WPBeginner Support says
Glad you like our content
Administrador
Lauren says
Excellent and thorough! Thank you!
WPBeginner Support says
Glad our guide was helpful
Administrador
Eddier Naranjo says
The optimization plugins make a copy of the “heavy” image and serve the optimized version. But that increases the storage space on the site.
Is there a way to delete the old version and leave only the optimized image?
WPBeginner Support says
We would recommend checking with the support for the plugin that you are using as they normally have an option to remove the unoptimized version.
Administrador
Diane Talbotier says
Hi, does resizing mean changing the size of the images as they are shown on the website, or resizing the size of the file , please?
And how do I know what is the optimal size?
WPBeginner Support says
It would depend on what you mean, for compression in this guide, it is the size for the file. You can also reduce the width and height of an image if it is too large. Your specific theme would determine the specific image size you want to use.
Administrador
Terri says
You mentioned in your optimise example that your original photo was 300dpi, then you optimised it to a smaller file size. But you did not say what the target dpi was. Is it 72 for web? Or higher? Thanks for the informative article.
WPBeginner Support says
That would depend on your personal preference and how large you are wanting/needing the images to be.
Administrador
Romel says
thanks a lot it cleared a lot of doubts.
WPBeginner Support says
Glad our article was helpful
Administrador
Odenyi Emmanuel Chidera says
What I like most about wpbeginner is how they will give you information on what to implement on your own site but also tell you what they are using on their own site. It really helps me decide faster. Learning from a master is always easier. Thanks.
WPBeginner Support says
You’re welcome, glad you like our content
Administrador
Luz Manalo-Cruz says
I’ve compressed images via TinyPNG and tried to replace the heavier images on my site with these (ie. I deleted the heavy photos and uploaded the compressed ones). However the media library is still uploading the old heavier images. Does that mean that I can’t replace the old images already uploaded? Will it only upload the compressed images that have not been uploaded at all?
WPBeginner Support says
If you are replacing the heavier images, you would want to ensure you don’t have caching on your site that is showing the old image and when you upload the new image that you are uploading the correct image.
Administrador
Giovanna says
Thanks for the informative article, Syed.
Moving forward I am going to make sure to always use optimized images. Do you recommend I go back to already published posts and replace my images with optimized ones?
WPBeginner Support says
If possible we would recommend updating your older images, the plugins we recommended should handle that for you
Administrador
Percy Young says
Thank you for your post. many nice tools. I wonder if theres any thing to be done to rezize images that have been previously uploaded, and how to delete images the worpress is not using any more.
WPBeginner Support says
If you need to generate new images you could follow our guide here:
https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/
For removing the extra images there are media cleanup plugins that you are able to use
Administrador
WPBeginner Support says
Glad you’ll use our recommendations
Administrador
Dr Amandeep Sandhu says
Thanks for sharing such ideas….!
WPBeginner Support says
You’re welcome, thanks for reading our articles
Administrador
İbrahim BOZKURT says
I’m a WordPress developer. I am writing from Turkey.
Very difficult to find quality WordPress resources.
I discovered you. I didn’t know English but learned English. Thanks to you everything.
WPBeginner Support says
Thank you for reading our articles and congratulations on learning a new language
Administrador
Felipe Adan Lerma says
Hi, it seems maybe WordPress has incorporated some of this into its current image upload process, at least in the Premium bracket?
I ask cause I now get the option to choose the actual size or something larger or smaller?
Or is that process not an optimization / reduction in size of the image?
Thanks so much! Very important useful topic.
Adan
WPBeginner Support says
It sounds like you may be talking about WordPress.com and they have custom plugins setup for sites on their service
Administrador
Felipe Adan Lerma says
Ahhh, yes, I forget the two WP’s differ, sorry. I’m still trying to figure out how to work where I am w/WP & it’s definitely via their .com sites. Thank so much then, WP – Adan
WPBeginner Support says
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 says
Very helpful info!! I was just researching how to do this when your email came through! Saved em time and effort and had just the advice I was looking for.
WPBeginner Support says
Glad our guide and newsletter could be helpful
Administrador
Lindsay says
When saving on photoshop what width do you suggest for optimum web performance?
My theme is saving 1600×1050 for optimum header but what should I do for the body images. Theme designer doesn’t have a recommendation.
WPBeginner Support says
If you’re going through the other steps in this article then the image size would be what would fit your content’s dimensions best so WordPress wouldn’t need to resize the image.
Administrador
edccde says
Please update that youtube video.First of all Jpegmini isn’t a web app and it is a software which i have to install in my pc.
WPBeginner Support says
Thank you for letting us know about the video, we’ll certainly look into updating the video
Administrador
Jackie says
Is there way to compress images already uploaded to wordpress? Or do I need to compress all my images and then reupload into WP? THanks in advance for the advices.
Irina says
Hi,
Need an advice: I need to upload Low res and Hi-res images (1200pix at 300dpi) so my customers can download them. I have no questions about LR image optimization. How can I save hi-res images? The size is up to 2 MB. I have hundreds of thousands of images…
Ratan Kumar says
This post is awesome and really add value to my site. However, I recently tried to save images from flipkart but it saved in very low pixel format. Wondering if you can help me to figure out on how to do that.
Ray says
I already bulk uploaded 1500 product images that were connected to image urls I found on the internet.
Now that I have those 1500 images already in my Media Library, how can I go back and resize and compress them?
Also, I’m confused about whether resizing means changing the size of the images as they are shown on the website, or resizing the size of the file.
Thanks!
Sara Lewis says
what about the plugin ewww image optimizer?
WPBeginner Support says
Hey Sara,
Yes its a good alternative. However, for better results we would still recommend optimizing images in your image editing program before uploading to WordPress.
Administrador
Donna says
I will be travelling to a place where internet connectivity is limited and expensive. So, I want to reduce the file size of my photos before I go online to upload them to my blog. Can someone please recommend for me what resolution and dpi would be good to use? The app I am planning to use asks for three measurements:
resolution – from 200 to 2048
DPI – from 72×72 to 300×300
jpeg quality (compression level) – from 0.00 to 1.00
Carrie says
In the video she changes her pic. I understand the screen in PS. But you have not explained what should the width and height be in pixels for WP the limit is 2mb. What would be a good standard for sliders, etc for a wp site?
Carrie says
Sorry for being the dunce in the corner, but could someone please clarify one thing? I installed the WP Smush it plugin and have been slowly working through all the photos I’ve uploaded to my site for the last 2 years. I’m doing 50 at a time, the free limit. However, now that I have the plugin, for future photo uploads, does having it mean I don’t have to use any other program to resize my photos before uploading them to my WP site? If I have an 8 MB photo and upload it to my site, the plugin does everything for me? I just want to confirm that the original photo is not still uploaded and saved to my host server, SiteGround. My site is wicked slow, I’ve run tons of diagnostics, and I still can’t figure out why except that everything points to my photos. Thanks!
Tony Squibb says
Hi Carrie, I’m defo not an expert in any way but I do have experience with WP Smush it and yes, future uploads should be auto ‘smushed’. There is a little notification in the media gallery as you do so.
To check the causes of your slow site you can use GTmetrix and then open the waterfall page where it will show the times of the individual pages items loading. Once you know what is the problem you can then address it.
I hope that helps from one ‘dunce’ to another
Carrie says
Hi 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.
Happy New Year! May 2017 be better than 2016.
Jeff says
hi
Best Image Optimization Plugins for WordPress Site Which is?
Gagan says
I was thinking what if i upload my Images to Google Blogger and use them on my wordpress Site by “Insert From URL” option?
Any suggestion if this is a Good Idea or no?
Thanks in advance
Zimbrul says
I came back here as I’m looking for plugins that upload a large image as a optimised image straight to WordPress. I’m sure I’ve seen this somewhere here at WP Beginner but I cannot find it.
WPBeginner Support says
Please take a look at Optimizing images with WP Smush pros, cons, and alternatives.
Administrador
Jack says
Photoshop is definitely the best one, for online services, kraken.io and resizeimage.net are good alternatives to tinypng.
tanveer says
is xnview a good option for compressing images?
WPBeginner Support says
We haven’t tried it.
Administrador
Larry Aldrich says
Someone mentioned RIOT in an earlier comment. It is my go-to app for minimizing images BEFORE you upload them. The compression rate is close to phenomenal. Sorry MAC users, but it’s only available for Windows.
Martin says
Hello WPBeginner,
I would be very interested in the Windows version of Trimage you have apparently seen.
On the Trimage homepage you just see a link asking for help with the windows port…
Greg says
I have got used to using Fireworks even though I have CS3
Zimbrul says
Me too. I use CSS4 and still go to Fireworks for image optimisation.
Marianne P. says
I just checked out the Trimage site and did not see the Windows version – just various *nix versions. Please point me in the right direction. Thanks so much – really great article!
Corinna says
I was wondering if there was any way of reducing the size of the images already uploaded to a site? I have changed the way I upload them so in future all my images will be smaller. But I thought maybe it would be useful to change the size of those already uploaded.
Julie Anglesey says
I would also like to know how to reduce the size of images already uploaded.
Zimbrul says
It’s (or was) Smush-It.
Samiullah Khan says
Search the web too much to find good solution to optimize images; but most of them most of them doesn’t let’s see tools mentioned in this post work or not
Graham says
The article defines PNG as an uncompressed file format, but as far as I know, standard PNGs use lossless compression.
And I think it would be helpful to mention why you might choose one format over another for continuous tone images (eg. a photo) vs. limited palette images (eg. a logo).
Rob Dewing says
Why no mention of Photoshop Elements, the cut down home use version of Photoshop? It does 90+% of the things full phat Photoshop will do, including ‘save for web’ image compression, all for less than $100.
Ines says
Would you recommend to use Flickr to upload your images and then copy the HTML code to your wordpress site? What would you suggest for travel blogs that contain lots of pictures? Thanks.
WPBeginner Support says
You can add flickr photos in WordPress by simply pasting the photo URL in a post. Normally we would not recommend it, because people will be viewing and finding your photos on Flickr and may never even get a chance to visit your website. However, if you feel that building a community around your photos on flickr is more useful for you, then sure go ahead.
Administrador
Benjamin says
You could add kraken.io to your list. It does the same thing as Jpegmini but also works with PNG images.
Aurel says
I am using RIOT, which is free, very fast and exelent program.
Debra Torres says
I’ve been using the Yahoo Smush it tool at: http://www.smushit.com/ysmush.it/
Would you recommend this one? Or are the others you mentioned better?
WPBeginner Support says
Smushit is a great tool too. But try other tools we mentioned and compare the results.
Administrador
James DiGioia says
There is WordPress plugin for Smush.it:
http://wordpress.org/plugins/wp-smushit/
This makes it easier to compress images using Smush.it without having to prep them beforehand.
Youri van Dijk says
I was about to mention that plugin as well. I generally do save my images optimized myself, but for clients that are not very familiar with these tools installing the plugin is a huge benefit.