Att lägga till bilder på din webbplats är ett bra sätt att göra den mer intressant och engagerande. Men bilder kan också göra din webbplats långsammare, göra besökarna frustrerade och till och med försämra rankningen hos sökmotorerna.
Det är därför vi är noga med att optimera varje bild för att hålla våra webbplatser igång högst upp.
Nyligen frågade en av våra användare oss om för- och nackdelar med att använda ett tillägg som gillar WP Smush. Det lovar att automatiskt minska bildfilstorlekar utan att offra kvaliteten.
I den här artikeln kommer vi att ta en titt på WP Smush, utforska dess Pro och Contra och diskutera de bästa alternativa metoderna så att du kan bestämma dig för det bästa verktyget för att optimera dina WordPress bilder.
Ska du använda WP Smush för att optimera bilder i WordPress?
WP Smush är ett tillägg till WordPress som tillåter dig att optimera bilder utan att förlora kvalitet.
Den erbjuder många funktioner som gör att dina sidor laddas snabbare, t.ex. bildkomprimering och latent hämning av bilder.
Detta nybörjarvänliga tillägg kommer automatiskt att optimera dina bilder i farten när du uppladdar dem till din WordPress webbplats.
Du kan också optimera dina befintliga bilder med ett klick genom att gå till Smush ” Bulk Smush.
Problemet är att efter noggranna tester fann vi att WP Smush inte kommer att förbättra din WordPress prestanda lika mycket som många andra filkomprimeringsmetoder.
När vi till exempel uppladdade en 97 KB stor bild till vår WordPress test webbplats, komprimerade den gratis versionen av WP Smush ner den till 94 KB. Det är bara en minskning av filstorleken med 3%.
Vi testade en annan bild på 118,3 KB, och WP Smush komprimerade den med 4% ner till 113,9 KB. Pro-versionen hävdar att den når högre komprimeringsnivåer.
Andra tillägg för filkomprimering, inklusive gratis tillägg, kunde dock uppnå mycket mindre filstorlekar. Flera tillägg nådde förlustfria komprimeringsnivåer på över 50%, vilket är en mycket betydande förbättring.
Du kan se våra fullständiga testresultat längst ner i vår jämförelse av de bästa tilläggen för bildkomprimering för WordPress.
Proffs av WP Smush:
- Nybörjarvänligt gränssnitt som gör det enkelt att optimera bilder med några klick.
- Bulkoptimerar många befintliga bilder samtidigt, vilket sparar tid och ansträngning.
- Erbjuder ett förlustfritt komprimeringsalternativ som minskar filstorleken utan att påverka bildkvaliteten.
- Lazy loading förbättrar sidans första laddningshastighet genom att fördröja bildladdningen tills den behövs.
- Ändrar automatiskt storlek på bilder till lämpliga dimensioner, vilket förhindrar att överdimensionerade bilder saktar ner din webbplats.
Nackdelar med WP Smush:
- Den gratis versionen har begränsade komprimeringsnivåer jämfört med vissa alternativ.
- Den kostnadsfria versionen optimerar ej bilder över 5 MB.
- Bulkoptimering använder mycket resurser på servern, vilket kan göra att din webbplats saktar ner tillfälligt.
WP Smush är ett användbart tillägg för nybörjare och de som letar efter en användarvänlig lösning med ett generöst gratis paket.
Men om du vill ha högre komprimeringsnivåer och avancerade funktioner rekommenderar vi att du utforskar alternativa tillägg för bildkomprimering och specialiserade bildredigeringsverktyg som de som finns i nästa sektion.
De bästa WP Smush-alternativen
Många andra verktyg och tillägg till WordPress tillåter dig att optimera dina bilder med större kontroll för att uppnå mindre filstorlekar och snabbare hämtar sidor.
Låt oss ta en snabb titt på de största fördelarna som dessa verktyg erbjuder jämfört med WP Smush.
Alternativa tillägg för bildoptimering för WordPress
Vi har grundligt testat de bästa WP Smush-alternativen, och du hittar en detaljerad jämförelse i vår Galleri/Presentation/Showcase av de bästa tillägg för bildkomprimering WordPress.
Till exempel kan EWWW Image Optimizer också optimera dina bilder när du uppladdar dem, komprimera befintliga bilder, lazy load-bilder och mycket mer.
Men vi gillar hur den gratis versionen av detta tillägg inte begränsar storleken på filerna som du kan komprimera eller komprimeringsgraden, vilket resulterar i mycket snabbare laddning av sidor.
Dessutom kan den konvertera bilder till olika filtyper, så att du kan välja det format som ger dig den bästa komprimeringen. PNG-bilder med många färger blir till exempel ofta mindre när de konverteras till JPEG.
Du kan lära dig mer om varför vi gillar detta tillägg i vår EWWW Image Optimizer recension.
Optimole är ett molnbaserat tillägg för bildkomprimering som är enkelt att ställa in och optimerar dina bilder i realtid. Den gratis versionen är lämplig för webbplatser med upp till 5 000 besökare per månad.
Tillägget levererar automatiskt bilder i idealisk storlek för användarens webbläsare och vy, vilket minimaliserar den tid det tar att ladda ner varje bild. Eftersom det är molnbaserat belastar komprimering av bilder inte webbplatsens resurser.
Optimole erbjuder också ett inbyggt CDN, lazy hämtar, smart beskärning och en användarvänlig kokpit. Du kan lära dig mer om våra erfarenheter av att testa denna lösning i vår fullständiga Optimole-recension.
Imagify är ett tredje alternativ från det populära WP Rocket-teamet. Det ändrar storlek på dina bilder i farten och kan till och med återställa dem till sin ursprungliga storlek. Det erbjuder olika komprimeringsnivåer, inklusive ett ”aggressivt” alternativ som kan minska filstorleken avsevärt.
Tilläggets bulkoptimerare kommer att skanna hela din webbplats efter ooptimerade bilder med ett enda klick. Baserat på dina inställningar kan det sedan ändra storlek, komprimera eller konvertera dem.
Dess Smart Compression Mode använder automatiskt den bästa komprimeringsmetoden för varje bild för att säkerställa minsta möjliga filstorlek. Förlustfri komprimering används så att det inte blir någon märkbar kvalitetsförsämring.
Den gratis versionen optimerar upp till 200 MB bilder varje månad. Men om du laddar upp fler bilder än så varje månad måste du uppgradera till premiumversionen. Du kan lära dig mer om det i vår fullständiga Imagify-recension.
ShortPixel Image Optimizer är känt för sina utmärkta komprimeringshastigheter, särskilt för komprimering med förlust, vilket leder till märkbart mindre bildstorlekar. Det erbjuder dock också ett ”glossy” komprimeringsläge som är en bra balans mellan filstorlek och kvalitet.
Du kan använda den gratis versionen för att komprimera upp till 100 bilder per månad, men du måste ange din e-postadress. Om du vill optimera fler bilder kan du uppgradera till betalversionen.
reSmush.it komprimerar automatiskt bilder vid uppladdning och kan optimera äldre bilder i satser om 1000 filer åt gången. Den kan dock bara optimera bilder som är mindre än 5 MB.
Med tilläggets bildinställningar kan du enkelt välja mellan bilder med bästa kvalitet eller bästa komprimering eller bilder som uppnår en balans mellan båda.
Slutligen kan du med Envira Gallery lägga till ett WordPress-bildgalleri på din webbplats och levereras med inbyggda verktyg för att optimera dina bilder genom att minska deras filstorlek.
Du kan enkelt aktivera bildkomprimering med bara några klick och ställa in din komprimeringsnivå till lossy, glossy eller lossless. Bilderna i ditt galleri kommer sedan att komprimeras automatiskt.
Du kan välja mellan förlustfri, förlustfri och glansig komprimering. Vänligen obs/observera att den gratis versionen av Envira Gallery ej innehåller funktionen för komprimering av bilder.
Vi har noggrant testat alla tilläggets funktioner, och du kan lära dig mer om dem i vår detaljerade Envira Gallery-recension.
Verktyg för komprimering av bilder online
Du behöver inte installera ett tillägg till WordPress för att optimera dina bilder. Du kan också använda onlineverktyg för att optimera dem innan de uppladdas till din WordPress webbplats.
På WPBeginner använder vi ofta TinyPNG, en gratis app som minskar storleken på dina PNG- och JPEG-filer.
Det är bara att uppladda dina bilder med hjälp av dra och släpp, och du kan ladda ner de komprimerade bilderna med hjälp av en nedladdningslänk.
TinyPNG-teamet skapade också ett tillägg som heter JPEG, PNG & WebP Image Compression.
Medan TinyPNG använder förlustfri komprimering använder JPEGmini förlustfri komprimering för att minska storleken på bilderna utan att påverka deras upplevda kvalitet. Du kan också jämföra kvaliteten på originalbilden och den komprimerade bilden.
Program för att redigera bilder
Slutligen kan det bildredigeringsprogram du använder för att skapa din webbgrafik troligen också optimera storleken.
Adobe Photoshop, som är branschstandard för att redigera bilder, kan till exempel optimera bilder med hjälp av det inbyggda alternativet ”Spara för webben”.
Det bästa är att du kan välja komprimeringsnivå för JPEG-bilder eller antalet färger i PNG-filer. När du justerar dessa inställningar visar programmet en förhandsgranskning av bilden och dess filstorlek.
GIMP är ett gratis alternativ till Photoshop som kan användas för att skapa bilder och optimera dem för webben med hjälp av alternativet Exportera.
För JPEG-filer ställer du t.ex. in komprimeringsnivån med bildspelet ”Kvalitet”. Detta tillåter dig att minska filstorleken på dina bilder.
Slutliga tankar
Enligt vår erfarenhet är bildoptimering bäst när den görs utanför WordPress. Det är därför vårt team optimerar varje bild innan den uppladdas till vår webbplats.
Även om du kan använda WP Smush eller ett av alternativen för tillägg för bildkomprimering, tycker vi att du kan uppnå mindre filstorlekar med hjälp av bildredigerare som Photoshop och GIMP eller onlineverktyg för bildkomprimering som TinyPNG och JPEGmini.
Detta tillåter olika författare att välja det grafikverktyg som de redan är bekanta med. Och det ger ditt team mer kontroll över optimeringsprocessen utan att behöva installera ett tillägg WordPress som ibland kan orsaka stress på din server och tillfälligt sakta ner din webbplats.
När du har komprimerat dina bilder kan du sedan uppladda de optimerade filerna till mediabiblioteket i WordPress.
Experttips: Ett annat sätt att få bästa möjliga ökning av webbplatsens hastighet är med vår professionella tjänst för optimering av webbplatsens hastighet. Vårt team av WordPress-ingenjörer kommer att generera en omfattande rapport om webbplatsens hastighet och prestanda och sedan använda dessa data för att förbättra sidans hämtartid, serverns prestanda och teknisk sökmotorsoptimering.
Vi hoppas att den här artikeln hjälpte dig att lära dig importować av att optimera bilder med WP Smush eller en alternativ metod. Du kanske också gillar att se dessa przewodniker om att optimera bilder för WordPress:
- Nybörjarens przewodnik för sökmotorsoptimering – optimera bilder för sökmotorer
- Så här optimerar du bilder för webbprestanda utan att förlora kvalitet
- Nybörjarens przewodnik för bildstorlekar i WordPress (+ Bästa praxis)
- WebP vs. PNG vs. JPEG: Det bästa bildformatet för WordPress
- Bästa tillägg för bildkomprimering i WordPress jämfört
- Bra tillägg till WordPress för att hantera bilder (uppdaterad)
- Hur man Poprawkar Vanliga Imagely Problem i WordPress (Ultimate Guide)
- Den ultimata przewodniken för att öka WordPress hastighet och prestanda
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
I used to convert images to webp using online tools, which was a bit of a hassle. Since I add about one blog post per day, it wasn’t too demanding. However, after some time, I discovered that there’s a small percentage of browsers that don’t support webp, and in those browsers, my images obviously didn’t work. The Smush plugin saved me. Now, I upload images in jpeg and perform the conversion to webp on the website. This way, I have images in the new format for modern browsers, and the original jpeg images are still available for that small percentage of browsers. It’s a great solution, and I no longer need to convert images online as I used to.
Madelyn
This article is from 4 years ago, can I trust this info?
WPBeginner Support
Unless we hear otherwise, you can still use WP Smush without worrying.
Administratör
santosh747
Hi,
I have used wp smush.i would like to know why wp smush creates multiple file like 40 same images with different width and height for 1 image.instead of having 10 original images after smush it creates the 400 images that is lot and how come it is reducing the space.Is that common with smush.
Thanks
Mian
Hello sir i hope you are fine. i use wp smush plugin and now my website pics 200+ then i see some errors in my website. some peoples saying now you use paid version. please tell me my site have some big problem or not ? i used paid version then my site working is perfectly or not ?
WPBeginner Support
Hi Mian,
What errors do you see? Meanwhile, please take a look at our guide on how to fix common immage issues in WordPress.
Administratör
Sohail Akah
Hi, Thanks for the wonderful article, your site has always been helpful …. I am in a bit of a problem here, I hope you can give me a solution.
I smushed all the images on my site, as a result, they appear broken in the google search results, I have worked really really hard to get my site and some of my images ranked in google …. but smush has turned the situation for into a nightmare, I have search everywhere on the web, but i can’t seem to find a proper solution for it …. I have read your article on Regenerating Thumbnails … but I’m not sure if that’s what I am suppose to do here. And I surely can’t bear to make another mistake.
Your articles and your site has always been a great support through out my career I’ve learnt a lot from you … please help me out in this
WPBeginner Support
Hey Sohail,
You can deactivate the plugin and try regenerating thumbnails.
Administratör
SOHAIL AKAH
If there manual way to do it? because this plugin (regenerating thumbnails) doesn’t delete any existing thumbnails it only adds new ones resulting in large amounts of wasted space.
Arijit Biswas
I had used WP Smush Pro v.2.7.1 & their 2x Super Smush feature and sadly it is damn slow.. I had almost 50k images(300-400kb) each.
It was smushing at 1 image/20 sec.
garry
problem, with photoshop and other similar software, is you have to optimize all of the images manually which will eat up your whole time just to optimize images may be I’ll need to hire someone to do the job with photoshop and if you have only small site with only a few images than its doesn’t even matter if you optimize your images or not, maybe just try some plugin to fix them.
Johnny
This plugin caused a HUGE MESS on my site. NEVER download it. I have to manually upload add missing pics and repair broken links and pages. If developers of this plugin are reading this, I would like to let them know that whatever they did wrong it is costing me money and a lot of time. 1 Star for your plugin. I cancelled my wp-dev membership and am extremely disappointed.
Asma
I optimize my pictures with photoshop they looks crispy and clear on the edit post they looks perfect but once I upload them it turns blurry and not really high quality
I downloaded some plugins maybe it could work and nothing’s work
I try to verify the default zoom level of my browser (google chrome) but still doesn’t work
is there any solution?
Nikolas Broman
If you optimize with Photoshop/Gimp/outside of WP, then your resized images (large/medium/thumbnail) won’t be optimized. How can you recommend that approach?
WPBeginner Support
They will be optimized too, because the source image is smaller in size.
Administratör
Nikolas Broman
I actually tested this before commenting, and the resized images are not optimized.
I downloaded the first image you see (with mountains) on jpegmini. The resolution is 5184 x 3456, the original’s size is 19.2 MB, and the optimized version is 2.9 MB (the website allows you to download both for comparison).
I uploaded them to WP and checked out the resized ”large” version (1024×683 on default settings).
Both came out as 121 KB. So the size of the source image didn’t have any effect.
(Side note: Then I tried optimizing both resized images with the free JPEGmini Lite, and something interesting happened. The original, resized to 1024×683, came out as 98 KB. The already once optimized version, and then resized to 1024×683, came out as 101 KB. A small difference, but still a difference!)
Could you please test this yourself? Did I do something wrong?
You said that resized images ”will be optimized too, because the source image is smaller in size”. Is that really true?
Peter
Actually, I think Nikolas is onto something here.
I have large source images (to cater for hi-dpi) at 1920x2010px that which is is 1.4 Mb. One of my custom image sizes is 1280×1340, and after uploading the source that size comes out to 380Kb. I thought that was too large, so I optimized the living daylights out of the source image in Photoshop and came up with a new source at 1920x210px that is 191Kb. After uploading the new source (under a new name to be able to tell images apart), the generated 1280×1340 is still more or less 380Kb, almost double the size of the source image even though its pixel dimensions are vastly smaller.
There is a jpeg compression filter in WP. I get the feeling that WP decompresses the source image to bitmap before generating media sizes, and unless you apply compression through the WP filter, anything else but the source image will not be compressed!
Does anyone have any thought’s on this?
Peter
edit: there is a pixel typo above: I wrote 1920x210px, but of course I mean 1920x2010px.
John Blum
I have better results using ShortPixel so far. It allows working with multiple images at once and even with big sizes such as 10mb/image.
Oliver
I use Phatch, an opensource batch image processor to optimize images outside of WordPress if I have a lot to do, if not then GIMP for the odd one here or there. Most of the time though, once a site is handed over to a client there is no control over image compression. Tools like WP Smush are a good starting point to impose some sort of sense into image uploads.
AutumnSadness
Hi
I used the plugin and it did what it says but when i look at the images sized in library in wp admin it says the plugin has reduced the image size but when i sabe the image to my computer, the size is the same (the size that was before smushing)
So wtf? it dosen’t reduce the images? or what?
Joy
Is there a plugin that will compress images already uploaded to your media library? We were using .png files for our blog posts because .jpgs looked really grainy, but it’s causing server load issues. Happy to use .jpg web compression for future media uploads but I don’t want to spend hours re-uploading re-linking compressed png files?
Allison Logan
Thanks for sharing this post it helped me in one of my assignments.
Juergen | webbeetle
I agree that image optimization should happen outside WordPress, though what bugs me is that WP creates additional image sizes without any decent compression! I upload, via FTP, the required thumbnails for my featured images, and every time mine are around 35-50% smaller in files size than the ones WordPress created… You explain! Particularly since my original file was well compressed, so no process should be able to add extra file information (data = file size) to it.
I use IrfanView, a very good and established freeware, which has an option ”Save for Web” (like Photoshop) which compresses files well and strips all EXIF information – highly recommended!
Nick Jubrey
Does photoshop strip meta data from images? I’ve just started using tinypng for this feature. Photoshop works well and you can automate it which is nice. I also saw that Tinypng has a PS plugin for $50 a little step if its just just a save function built in to PS.
I would like to do a side by comparison and see what we get.
nawaf
i added wpsmush and did smushed all my images of wordpress.then it showed 9mb saved.when i ran a test some images say
They saved 200 kb.
But it is same the actual size
I mean that even after smushing the size remains same for me .but in smush options it shows it saved 200kb. Why so?
Umesh Kumar
The savings shown over there is the sum of compression for the all sizes(Large, Medium, Thumbnail or any other ) of that particular image.
So even if not the full size image is compressed, the other size for the image are probably reduced with a good amount.
MsKatrina
My question is how do we optimize affiliate link images (ie, Amazon)?
Scott Hartley
You would have to download the image locally and replace the URL with that image. Or you can attempt to load the image with lazy load to improve performance.
Alan Marsden
This is something I’m still working on. Thankfully it’s early days for the blog so not many images to deal with. I’m using Pixelmator for Mac which has the ”save for web” feature. You can also manually adjust the setting. Works great with no discernible loss of quality.
Karen
EWW Image Optimizer is FANTASTIC.
Jer
What are your thoughts about Fireworks? I’ve been using it for years and am very happy with the results. Of course, since Adobe bought it…
Nicole
Thank you for this info. I have been trying to figure out images with my blog and it is not going well (total newbie here). When I upload them to my media and add them to a post, they automatically get added to my post very, very small. Much smaller than the original. Then I try to make them bigger by resizing within the post and the images lose quality and look really bad! I am thinking this didn’t happen with some of my earliest posts. I switched themes. Could that have something to do with it? Is one of the above solutions (Smush or the alternatives) what I need to fix this?
WPBeginner Support
When uploading images WordPress shows you the option to select a size for the image you want to insert. You can change that to large, original, medium sizes.
Administratör
Morgan Madej
I always look out for your WP Beginner articles and catalogue the links for future refernce. Thank you for this review, much appreciated.
I have been using http://webresizer.com/resizer/ recently. It is able to reduce my images by upto 77% while halving the pixels by roughly 50%
There are other options that I have not used yet. It appears to be free to use online so it can be a quickly accessible tool.
I do not know the owner, nor am I an affiliate.
Nick
What about the plugin ’Resize Image After Upload’?
WPBeginner Support
We haven’t tried it.
Administratör
Peter Gierak
https://tinypng.com/developers
This is my favourite tool für compressing images.
There is also a WordPress plugin.