Blog

WEBFI-WordPress-How to Optimize Images for Web Performance without Losing Quality



Are you worried about the speed of your posts and pages and how much your images are affecting this? When starting a new site many users upload the full-sized images which slow down the site as it grows. In this video, we will show you how to save images optimized for the web to improve performance and keep your website loading fast.

In this guide we use Pingdom to analyze page speed, you can find Pingdom here:

https://www.pingdom.com/

If you have an image editing tool you prefer such as Photoshop, GIMP, or Affinity Designer most have a tool or option for resizing and/or optimizing images to be web-friendly. For a free tool you can use online, there is a website called TinyPNG you can find here:

https://tinypng.com/

If you would prefer your WordPress site to handle the image optimization, our top recommended image compression plugins can be found here:

https://www.wpbeginner.com/plugins/best-wordpress-image-compression-plugins-compared/

For the specific size of the images you want to use for your site, you would want to check with the specific theme you are using as each theme has its own recommended image sizes.

Take a look at MonsterInsights using the link below to help you get started with Google Analytics.

https://www.monsterinsights.com/

For our discount, use our code: WPBVIP

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/

Join our group on Facebook
https://www.facebook.com/groups/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

28 Comments

  • Phil Mininni on April 21, 2020

    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?

  • Fun Times on April 23, 2020

    Hi l need a plugin which people can track by gps

  • Makaka Games: Made with Unity on May 11, 2020

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

  • Sungkyul Kim on May 15, 2020

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

  • Carlos Alvarez on May 19, 2020

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

  • Shao Fu on June 1, 2020

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

  • Mohsin Ali on June 3, 2020

    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?

  • HERON PROPERTY on June 30, 2020

    Thanks-great video! Am just starting to set up a website & have ShortPixel plug in installed already. Use Affinity. Am also setting up Facebook & Instagram biz pages and want a quick workflow to optimize all my large sized (approx 7 MB ) images which will go on Website, FB & Insta. Can I resize everything for Web/Social media to one single size with Affinity (& what size is best?), then once uploaded to the website only would I still use the optimizer Plug In (ie: Short Pixel) – or would this be over doing it?

  • YATHARTH kakrana on July 24, 2020

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

  • Daniela מ on July 26, 2020

    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

  • Rishabh Kashyap on September 8, 2020

    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.

  • Martin on October 8, 2020

    Thank you soooo much 🙂

  • Amy Marschak on October 28, 2020

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

  • Christina S on November 17, 2020

    Excellent!!! Thanks!

  • David Balatonfuredi on December 29, 2020

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

  • Bikepacking on January 17, 2021

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

  • Zorba Press on January 22, 2021

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

  • alessandro abbati on February 7, 2021

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

  • Kasun Samaranayake on April 15, 2021

    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?

  • Pablo Gonzalez on April 21, 2021

    Amazing video. Just what I needed. Thank you!

  • Brianna Fisher on April 21, 2021

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

  • Sunset924 on April 24, 2021

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

  • Lena Mrowka on May 3, 2021

    Thank you for the great video!

    I resize all my photo to the width of 1024pixels and compress them with tinypng before uploading them to my blog. On WordPress, I use ShortPixel to compress my photos on top of this. Also, I use .jpg files for my photos.

    But when I test my site with Pingdom it still shows that images take up more than 50% and over 600kb of space on my site. This seems like quite a lot to me because I have a new blog with only 3 articles on it so far and I've seen that Pingdom shows about the same amount of image weight for way larger websites than mine.

    Do you have any idea what could be the reason for this?

  • W33D BL0K3 on June 14, 2021

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

  • Jayce Trish Balle on August 31, 2021

    Subscribed!!!!

  • Nina Anguiano on September 27, 2021

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

  • Mark Limke on October 27, 2021

    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!

  • vanclanfam on November 14, 2021

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

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON