How to Optimize Images for Web Performance without Losing Quality

[@milangerloff5252]

your channel should be the defecto channel for anyone who wants to start working on Wordpress great tutorials

[@wpbeginner]

Glad you think so!

[@DeidreOwens]

Either I must be getting smarter or this was an excellent video. Most videos on all things "Wordpress Website Building" are so confusing to even the most intelligent person. This video is a great example that it is possible to provide a simple, easy-to-follow video for the rest of us! Much appreciated!!!!!

[@wpbeginner]

Glad to hear our guide was helpful!

[@bekordigital]

Amazing! Thank you for making this video

[@wpbeginner]

Glad you found it helpful!

[@MrSondre198]

Thank you for the help! My website runs like a dream now :)

[@wpbeginner]

Glad we could help :)

[@bilaledu9206]

This is a very helpful and amazing video. Thank you for such great help! Keep it up! 🙌

[@wpbeginner]

Glad it was helpful!

[@dunlopfamjam158]

great explanation! worked perfectly for us.

[@wpbeginner]

Great to hear!

[@casa_anguiano]

THANK YOU SOOOOOO MUCH for this video! sooo helpful! exactly what I needed and you explained it so well for a beginner!

[@wpbeginner]

Glad it was helpful!

[@Sunset924]

Great video! Thanks so much, it was EXACTLY the info I was looking for

[@wpbeginner]

Glad it was helpful!

[@lindseyvagnini1568]

Great video and very informative! Thank you!

[@wpbeginner]

Glad it was helpful!

[@juliaciaccio6854]

Great! Thanks for explaining it step by step!

[@wpbeginner]

You're welcome!

[@astraeabeauty1957]

Fantastic video, thank you for making it!!! 🙏🏾

[@wpbeginner]

Glad you enjoyed it!

[@vanclanfam]

Thanks for the great video. Do you need to resize your images before compressing them?

[@wpbeginner]

If possible, you would want to size the image to the size your theme would want but it is not a requirement.

[@vanclanfam]

@@wpbeginner Thanks! How do you know what size your theme wants?

[@beyoutifulportraits]

Thanks so much! Do I need to delete and re-upload existing images on my website? Will I loose SEO rankings? I'm a photographer so I have a lot of images. They are all sized web size but not compressed, so I think I would gain a lot of loading speed.

[@wpbeginner]

If you use an optimization plugin then you do not need to re-upload the images. Unless we hear otherwise, you should not see a negative effect on your SEO

[@beyoutifulportraits]

@@wpbeginner Thanks!!!

[@Buzca]

Amazing video. Just what I needed. Thank you!

[@wpbeginner]

Glad it was helpful!

[@deborah2664]

Thank you. How do I know what to resize my images to?

[@wpbeginner]

It would depend on your specific theme for the image size as that would determine the size of your images.

[@marksin515]

Quite helpful and educational for this new WP site owner. I've seen a couple of your videos so far, and get a lot from your approach to the topics you present. Thanks!

[@wpbeginner]

Glad our guides are helpful :)

[@yahyazitane3785]

I personally think that the WebP format is way better

[@wpbeginner]

Thank you for sharing your opinion :)

[@alessandroabbati997]

great video! What's the ideal size and compression for an image to upload on WordPress for a blog?

[@wpbeginner]

There are a few variations depending on the image, we would recommend taking a look at the written guide below: www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/

[@davewettlaufer7885]

that was informative and interesting thank you for taking the time

[@wpbeginner]

Glad it was helpful!

[@MakakaOrg]

Hi, what is recommended in 2020 sizes in WordPress Media Settings considering Gutenberg?

[@wpbeginner]

As with this video, the recommended sizes are dependent on your specific theme :)

[@MakakaOrg]

​@@wpbeginner ​ my theme (Jannah) uses separate own sizes. I dived in topic a little more. So WP default sizes is 150x150 (cropped to square) - small, 300x300 - medium, 1024x2014 - large. Plus 768x0 - medium_large. WP 5.3 & Gutenberg changes algorithm (with "srcset" attribute) of showing images & adds support for medium_large_2x - 1536 & large_2x - 2048. And originals are cropped by default to 2560. So this great topic for your new video. Links: make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/ rapidgator.net/file/a23e7ca94bc540dc8a1b38ff97f1bbdf/AR_Survival_Shooter_FPS_with_Augmented_Reality_AR_Shooter_v2.3.unitypackage.html wpo.plus/wordpress/large-image-sizes/

[@shaofu424]

thank you so much for this knowledgeable, clear and concise good work be safe, be happy, work hard peace \m/

[@wpbeginner]

Thanks, glad you liked our guide :)

[@rishabhkashyap619]

I am using bright writing (child theme) from elegant writing superb theme. Can you please tell what size max and min for my theme. I am not able to find that.

[@wpbeginner]

You would need to reach out to the support for your specific theme and they would be the ones who have that information.

[@zachariaszach8716]

Perfect!

[@wpbeginner]

Thank you!

[@christinas69]

Excellent!!! Thanks!

[@wpbeginner]

You're welcome!

[@RohanGillett]

Hi! A very nice video. I have a problem. When I look at my pics in Adobe Lightroom they look great of course. If I upload them to a Squarespace site, they look equally good. But if I load them to my WordPress site, they lose some sharpness. Any idea how to fix this? Hopefully, I didn't miss a key point in your video.

[@wpbeginner]

That would be due to the image compression, you can disable the image compression following our guide below: www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

[@RohanGillett]

@@wpbeginner Thanks for the help. I have one more question before I do this. Currently, I have the Astra theme installed on my site. If I put the code in, will it have any conflict?

[@philmininni5981]

I am the webmaster for a photo club. We highlight photos, and I have resized most of our posted photos. We normally have an annual photo contest where our pictures are printed out and displayed at a local college. They are judged and awards handed out. Now because of the present conditions I am proposing to do the contest online and give access to a judge to our the site. I want to display whatever the entrants send me. Large or other file sizes. My question is to limit the kind of access the judge would have? Any suggestions?

[@wpbeginner]

It would depend on what you are wanting to show them but you could create or modify a user role for them to use following our guide here: www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/

[@kasunsamaranayake9172]

I need help, cannot give full width for my homepage image and if i do like that cannot visible my header and footer section.i am using elemontor free library page .what will i do?

[@wpbeginner]

We would first recommend reaching out to the support for your specific theme to see if that is a built-in option.

[@kasunsamaranayake9172]

@@wpbeginner i am using astra theme

[@bdavid3]

Hi! Let me ask you about dpi. What is the ideal value to save the pictures?

[@wpbeginner]

You wouldn't want to worry about DPI for images on the web, DPI is a setting for printing images

[@briannafisher5355]

Hi there! I've been trying what you suggested but my photos still come out blurry. What should I do?

[@wpbeginner]

If you are uploading the images in the sizes that your theme is wanting then you could try disabling the image compression following our guide below: www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

[@maxinef6654]

Why do we have to compress the photos after we resize them?

[@wpbeginner]

Resizing the photo makes the width and height what your theme wants while compressing the image makes the image file size smaller which makes it load faster.

[@amymarschak]

I am using photoshop cs4 (old school) but when I save as jpg which compression between 1 to 12 should I use?

[@wpbeginner]

That would depend on testing and what you prefer, you can start at 10 and change the number based on your preference of the results.

[@JatinP10]

What if we are using images url and pasting them in our website?

[@wpbeginner]

It sounds like you're embedding images in which case you would not have control over the size of the images unless you import them to your site.

[@JatinP10]

@@wpbeginner Thank you very much ma'am!

[@jaycetrishballe8553]

Subscribed!!!!

[@wpbeginner]

Thank you :)

[@ZorbaPress]

What about the dpi (or ppi) of the images -- what is the ideal ppi for each image ?

[@wpbeginner]

The DPI is for printing and not something you should worry about for optimizing the images for your website.

[@sungkyulkim2485]

I need to work on image sizes for my website! Thanks!

[@wpbeginner]

You can do it!

[@carlosalvarez7463]

I assume that when an image is compressed also losses quality and it could become a bit blurry for the viewer. Am I right?

[@wpbeginner]

That is one possibility that can happen yes

[@BrickTamlandOfficial]

why is the page size only 2.5MB when you uploaded 6 images that were like 5MB thats like 30MB does wordpress compress images on the site automatically? would it be better to turn that off and use webp instead to compress everything?

[@wpbeginner]

WordPress has a small level of image compression for safety as well as there are different image sizes that themes create if the images are not the correct size for the design. You do not need to disable it and most users shouldn't need to worry about it

[@daniela10]

Hey thanks for the video . I’m using smush , tinypng and also save for web via photoshop . I think I overdo my compression. But my photos are compreesed from 7MB to 470kb is that enough? How would I know what is the best size for my theme? Thank you

[@wpbeginner]

The exact amount of compression would depend on your personal preference more than a best case. Normally the answer is as compressed as you feel you can make it

[@yatharthkakrana8690]

Hi, my image looks just as fine on windows, but they tend to pixelate on android. How can I change that?

[@wpbeginner]

You would want to reach out to your theme's support to see if there is a mobile specific version of the image being created of the wrong size.

[@silverhermes]

Thank you soooo much :)

[@wpbeginner]

You're welcome!

[@howtotechniques4191]

Images dragging down wp speed is the biggest headache I've dealt on blogs. Thanks for the tips!

[@wpbeginner]

You're welcome :)

[@MohsinAli-dx2cr]

There are 500+ images on my website. I only use some of them in pages and other lies in wp media library. Do we need to optimize unattached images?

[@wpbeginner]

It would be good to do so to reduce the amount of storage used for your site.

[@MohsinAli-dx2cr]

@@wpbeginner Thanx. I learned lot of knowledge from your blog and this channel.

[@JarlErikStoresund]

Why are you saying MB when it says KB and Vice Verca? (`and now were at over 2,5 KB` - Screen says 2,5 MB)

[@wpbeginner]

1MB is 1000KB for why we're saying the sizes :)

[@JarlErikStoresund]

@@wpbeginner I know but then does it say 2,5KB not MB?

[@Rahul_Seth]

Please upload security related issues in WordPress

[@wpbeginner]

Thank you for your recommendation for future videos

[@funtimes8048]

Hi l need a plugin which people can track by gps

[@wpbeginner]

It sounds like you want a geolocation plugin, you may want to look into Google Analytics/MonsterInsights for your audience information. Other than that it would depend on your needs.

[@Bikepacking]

any one find her link for those plugins ????

[@wpbeginner]

You may want to click the Show More button in the description :)