Visste du att optimering av dina images innan du uppladdar dem till WordPress kan ha en enorm inverkan på hastigheten på din website?
När man startar en new blogg är det många Beginnare som helt enkelt uploadar images utan att optimera dem för webben. Dessa stora filer med images gör din website långsammare.
Du kan fixa detta genom att använda bästa praxis för optimering av images som en del av din vanliga bloggrutin.
I den här artikeln kommer vi att visa you hur du optimerar dina images för snabbare webbprestanda utan att förlora kvalitet. Vi kommer också att dela med oss av tillägg för automatisk optimering av images för WordPress som kan göra ditt liv enklare.
Eftersom detta är en omfattande guide om image-optimering för webben har vi skapat en innehållsförteckning som är lätt att följa:
- What Is Image Optimization?
- What Are the Benefits of Image Optimization?
- How to Save and Optimize Images for Web Performance
- Best Image Optimization Tools and Programs
- Best Image Optimization Plugins for WordPress
- Final Thoughts and Best Practices for Image Optimization
- Expert Guides on Improving WordPress Performance
1. Vad är optimering av images?
Image-optimering är processen för att save och leverera images i minsta möjliga filstorlek utan att minska den totala bildkvaliteten.
Även om processen låter komplex är det faktiskt ganska enkelt nuförtiden. You can use one of the many image optimization plugins and tools to automatically compress images by up to 80% without any visible loss in image quality.
Här är ett exempel på en optimerad jämfört med en icke-optimerad image:
Som you kan se kan samma image, när den optimeras på rätt sätt, vara upp till 80% mindre än originalet utan någon kvalitetsförlust. I det här exemplet är imagen 52% mindre.
Hur fungerar optimering av images?
I enkla termer fungerar imageoptimering genom att använda komprimeringsteknik.
Komprimering kan vara ”lossy” eller ”lossless”.
Förlustfri komprimering minskar den totala filstorleken utan att kvaliteten på images försämras. Med lossy-komprimering kan det bli en mindre kvalitetsförlust, men helst ska den inte vara notice för yours besökare.
Vad innebär det att optimera images?
Du kanske har fått en rekommendation om att optimera images från ditt WordPress webbhotell eller ett hastighetstestverktyg och undrar vad du behöver göra.
You will need to reduce the file size of your images by optimizing them for the web. Vi visar dig hur du gör det steg för steg.
2. Vilka är fördelarna med optimering av images?
Det finns många fördelar med att optimera dina images, men här är de högst upp som du bör känna till:
- Snabbare website
- Förbättrad sökmotorsoptimering av rankingen
- En högre total konvertering för försäljning och leads
- Mindre lagring och bandbredd (vilket kan minska kostnaderna för webbhotell och CDN)
- Snabbare säkerhetskopiering av websites (vilket kan minska kostnaden för lagring av backup)
Images är det näst tyngsta objektet på en page efter videoklipp. Enligt HTTP archive utgör images 42% av en genomsnittlig web page’s totala vikt.
Eftersom vi vet att snabba webbplatser rankas högre i sökmotorer (SEO) och har bättre konverteringar är image-optimering något som alla företags websites måste göra om de vill lyckas online.
Nu kanske du undrar hur stor skillnad optimering av images egentligen kan göra.
Enligt en studie från Strangeloop kan en sekunds fördröjning av laddningstiden för en website kosta you 7% av försäljningen, 11% färre sidvisningar och en 16% minskning av kundnöjdheten.
Om detta inte är tillräckliga skäl för att snabba upp din website, så bör du veta att search engines som Google också ger sökmotorsoptimering till websites som hämtar snabbare data.
Det innebär att genom att optimera dina images för webben kan du både förbättra hastigheten på din website och öka sökmotorsoptimeringen i WordPress.
Video Tutorial
Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.
3. Så här sparar och optimerar du images för webbprestanda
Nyckeln till framgångsrik bildoptimering för webbprestanda är att hitta den perfekta balansen mellan minsta möjliga filstorlek och godtagbar bildkvalitet.
De tre saker som spelar en stor roll vid optimering av images är:
- Filformat för image (JPEG vs. PNG vs. GIF)
- Komprimering (högre komprimering = mindre filstorlek)
- Images dimensioner (höjd och bredd)
Genom att välja rätt kombination av de tre kan du minska storleken på din image med upp till 80%.
Låt oss ta en titt på var och en av dessa i mer detalj.
1. Filformat för images
För de flesta som äger en website är JPEG, PNG och GIF de enda tre format för image-filer som verkligen spelar någon roll. Att välja rätt filtyp spelar en viktig roll i optimeringen av images.
För att hålla det enkelt vill du använda JPEG-filer för foton eller bilder med många färger, PNG-filer för enkla eller transparenta bilder och GIF-filer endast för animerade bilder.
För den som inte känner till skillnaden mellan filtyperna är formatet PNG okomprimerat, vilket innebär att det är en image av högre kvalitet. Nackdelen är att filstorlekarna är mycket större.
JPEG är å andra sidan ett komprimerat format som minskar kvaliteten på bilderna något för att ge en betydligt mindre filstorlek.
Medan GIF bara använder 256 färger tillsammans med förlustfri komprimering, vilket gör det till det bästa valet för animerade images.
På WPBeginner använder vi alla tre formaten beroende på vilken typ av image det handlar om.
2. Komprimering
Nästa sak är bildkomprimering som spelar en stor roll vid optimering av images.
Det finns olika typer och nivåer av komprimering av images available. Settings för varje typ varierar beroende på vilket komprimeringsverktyg som används i din image.
De flesta bildredigeringsverktyg gillar Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo och andra har inbyggda funktioner för bildkomprimering.
Du kan också save images normalt och sedan använda ett webbverktyg som gillar TinyPNG eller JPEGmini för enklare bildkomprimering.
Även om de kräver en viss manuell ansträngning, tillåter dessa två metoder dig att komprimera images innan du uppladar dem till WordPress, och det är vad vi gör på WPBeginner.
Det finns också flera populära WordPress tillägg som gillar Optimole och EWWW Image Optimizer som automatiskt kan komprimera images när du först uploadar dem. Detta är praktiskt och många Beginnare och även stora företag föredrar att använda dessa tillägg för optimering av images.
Vi kommer att delge mer om hur du använder WordPress tillägg senare i artikeln.
3. Imagely Dimensioner
När du importerar ett foto från din telefon eller en digitalkamera har det normalt en mycket hög upplösning och stora dimensioner (höjd och bredd).
Vanligtvis har dessa foton en upplösning på 300 DPI och dimensioner från 2000 pixlar och mer. Medan högkvalitativa foton är väl lämpade för tryck eller desktop publishing, gör deras stora storlekar dem olämpliga för websites.
Om du minskar dimensionerna på bilderna till något mer rimligt kan du minska filstorleken på bilderna avsevärt. Du kan helt enkelt resize images med hjälp av ett bildredigeringsprogram på din dator.
Till exempel optimerade vi ett foto med en upplösning på 300 DPI och image-dimensioner på 4900×3200 pixlar. Den ursprungliga filstorleken var 1,8 MB.
Vi valde JPEG-formatet för högre komprimering och ändrade dimensionerna till 1200×795 pixlar. Filstorleken minskades till bara 103 KB. Det är 94% mindre än den ursprungliga filstorleken.
Nu när du känner till de tre viktiga faktorerna för optimering av images ska vi ta en titt på olika tools för optimering av images för ägare av websites.
4. Bästa verktyg och program för optimering av images
Som vi nämnde tidigare har de flesta program för edit av bilder inställningar för optimering och komprimering av bilder.
Utanför programvaran för bildredigering finns det också flera kraftfulla gratis verktyg för bildoptimering som du kan använda för att optimera images för webben (med bara några clicks).
Vi rekommenderar att du använder dessa tools för att optimera images innan du uploadar dem till WordPress, särskilt om du är perfektionist.
Denna metod hjälper dig att save diskutrymme på ditt WordPress webbhotell account, och det garanterar den snabbaste bilden med den bästa kvaliteten eftersom du manuellt reviewer varje bild.
Adobe Photoshop
Adobe Photoshop är ett premiumprogram för redigering av bilder som låter you exportera images med en mindre filstorlek för webben.
I dialogrutan för att exportera kan du välja det format (JPG, PNG, GIF) som ger dig den minsta filstorleken.
Du kan också minska kvaliteten på image, färger och andra alternativ för att ytterligare minska filstorleken.
GIMP
GIMP är ett gratis alternativ till Adobe Photoshop med open source. Det kan användas för att optimera dina images för webben. Nackdelen är att det inte är lika användarvänligt som vissa andra lösningar på den här listan.
Först måste du öppna din image i GIMP och sedan välja alternativet File ” Export As…. Detta kommer att visa dialogrutan Exportera Image, där du kan ge din fil ett new namn. Därefter måste du clicka på knappen ”Exportera”.
You will now see the image export options. För JPEG-filer kan du använda slidern ”Quality” för att välja komprimeringsnivå och minska filstorleken.
Slutligen ska du klicka på knappen ”Exportera” för att spara den optimerade image-filen.
LitenPNG
TinyPNG är en gratis app som använder en smart förlustkomprimeringsteknik för att minska storleken på dina PNG- och JPEG-filer. Allt du behöver göra är att gå till deras website och uploada dina images med hjälp av enkel drag and drop.
De komprimerar imagen och ger dig en länk till download.
De har också en utökning för Adobe Photoshop, vilket är vad vi använder som en del av vår process för redigering av image eftersom det låter dig komma åt TinyPNG från Photoshop.
För utvecklare har de ett API för att konvertera images automatiskt. För Beginnare har de dessutom ett plugin för WordPress som gör det åt dig. Vi kommer att prata mer om detta senare.
JPEGmini
JPEGmini använder en förlustfri komprimeringsteknik som avsevärt minskar storleken på images utan att påverka deras upplevda kvalitet. You can also compare the quality of the original image and the compressed image.
You can use their web version for free or purchase the program for your computer. De har också ett betalt API för att automatisera processen för din server.
ImageOptim
ImagOptim är ett Mac-verktyg som tillåter dig att komprimera images utan att förlora någon kvalitet genom att hitta de bästa komprimeringsparametrarna och ta bort onödiga färgprofiler.
Ett Windows-alternativ till detta är Trimage.
5. Bästa tillägg för optimering av images för WordPress
Vi anser att det bästa sättet att optimera dina images är att göra det innan du uppladdar dem till WordPress. Men om du runar en site med multi-site eller behöver en automatiserad lösning, kan du prova ett WordPress plugin för bildkomprimering.
Här är vår lista över de bästa tillägg för komprimering av images i WordPress:
- Optimole, ett populärt plugin av teamet bakom ThemeIsle
- EWWW Image Optimizer
- JPEG, PNG & WebP Image Compression, ett plugin av TinyPNG-teamet som nämns ovan
- Imagify, ett plugin från det populära WP Rocket-teamet
- ShortPixel Image Optimizer
- Smush
- reSmush.it
- Envira Gallery är ett tillägg för WordPress gallery med built-in komprimering av images
Dessa WordPress tillägg för optimering av images hjälper dig att snabba upp din website.
6. Slutliga tankar och bästa praxis för optimering av Images
Om du ej save images som är optimerade för webben måste du börja göra det nu. Det kommer att göra en enorm skillnad i hastigheten på din site och dina användare kommer att tacka dig för det.
För att inte nämna, snabbare webbplatser är bra för sökmotorsoptimering, och du kommer sannolikt att se en ökning av din search engine ranking.
Bortsett från optimering av images är de två saker som kommer att hjälpa dig att snabba upp din website att använda en WordPress caching plugin och använda en WordPress CDN.
Alternativt kan du använda ett hanterat WordPress webbhotell eftersom de ofta erbjuder både caching och CDN som en del av plattformen.
Expertguider för att förbättra WordPress prestanda
Nu när du vet hur du kan snabba upp din website genom att optimera dina images, kanske du gillar att läsa några andra artiklar relaterade till att förbättra WordPress prestanda.
- Den ultimata guiden för att öka hastigheten och prestandan i WordPress
- Hur man snabbar upp WooCommerce prestanda
- Bästa tillägg för caching i WordPress för att snabba upp din website
- Hur man optimerar Core Web Vitals för WordPress (Ultimate Guide)
- Så här minskar du tiden till första byte (TTFB) i WordPress – Experttips
- Så här använder du tillägget GTmetrix för att förbättra prestandan på din WordPress site
- Snabbaste webbhotell för WordPress (prestandatester)
- Viktiga metrics att mäta på din site i WordPress
- Hur man korrekt run testar hastigheten på en website
- Så här stresstestar du en website i WordPress
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du optimerar dina images i WordPress. You may also want to see our guide on how to improve your WordPress security or our expert picks for the best WordPress plugins for business websites.
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.
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!
Dennis Muthomi says
Well for me I ALWAYS convert all my images to .webp file format before uploading them to my WordPress site.
I chose to use .webp over JPEG and PNG because it provides much better lossless compression, allowing the file size to be significantly reduced without affecting image quality.
Jiří Vaněk says
Thanks for the tutorial. Personally, I used to convert the images to .webp format first and then upload them to the web in that format. This format seems to me to be the smallest in terms of data volume and at the same time still very high quality for a good user experience. I don’t use plugins for this, but I usually convert images in online converters or in computer software.
WPBeginner Comments says
The .webp format can also be a good image format to use due to it’s small file size. We happen to have a guide on how to use .webp here, including some handy plugins to convert images into .webp: https://www.wpbeginner.com/wp-tutorials/how-to-use-webp-images-in-wordpress/
Converting via a plugin can be useful because it can convert directly on the website and in bulk.
Jiří Vaněk says
But if I use the plugin, won’t it take up too much space on my FTP because the original file will be there too? But I will certainly be happy to go and look at your instructions. Thanks for the link.
WPBeginner Comments says
You could always delete the original files. You can use the search feature on the Media admin page to search for filetypes, such as the .png or .jpg/.jpeg extensions.
Mrteesurez says
This is a comprehensive guide.
It’s essential to optimize images in order to have fast website loading and content delivery.
You quoted that images are the second heaviest after video, what of audio, is audio lighter than images and how ?
WPBeginner Comments says
Audio would tend to be between images and video. That said, depending on the amount of audio and the audio filetype, this is not an exact rule and it just depends on the files in question.
Mrteesurez says
Thanks for your reply, the thing is, I used to see audio files bigger in term of size than images, most images are in kilobytes while audios are usually more than that, I think the duration for a audio to be played and delivered a meaningful message also contribute to it’s size.
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
Administratör
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.
Administratör
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
Administratör
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
Administratör
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
Administratör
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
Administratör
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
Administratör
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
Administratör
Lauren says
Excellent and thorough! Thank you!
WPBeginner Support says
Glad our guide was helpful
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
Romel says
thanks a lot it cleared a lot of doubts.
WPBeginner Support says
Glad our article was helpful
Administratör
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
Administratör
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.
Administratör
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
Administratör
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
Administratör
WPBeginner Support says
Glad you’ll use our recommendations
Administratör
Dr Amandeep Sandhu says
Thanks for sharing such ideas….!
WPBeginner Support says
You’re welcome, thanks for reading our articles
Administratör
İ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
Administratör
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
Administratör
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
Administratör
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.
Administratör
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
Administratör
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.
Administratör
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.
Administratör
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.
Administratör
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.
Administratör