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:
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:
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
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?
Hi l need a plugin which people can track by gps
Hi, what is recommended in 2020 sizes in WordPress Media Settings considering Gutenberg?
I need to work on image sizes for my website! Thanks!
I assume that when an image is compressed also losses quality and it could become a bit blurry for the viewer. Am I right?
thank you so much for this
knowledgeable, clear and concise
good work
be safe, be happy, work hard
peace m/
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?
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?
Hi, my image looks just as fine on windows, but they tend to pixelate on android. How can I change that?
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
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.
Thank you soooo much 🙂
I am using photoshop cs4 (old school) but when I save as jpg which compression between 1 to 12 should I use?
Excellent!!! Thanks!
Hi! Let me ask you about dpi. What is the ideal value to save the pictures?
any one find her link for those plugins ????
What about the dpi (or ppi) of the images — what is the ideal ppi for each image ?
great video! What's the ideal size and compression for an image to upload on WordPress for a blog?
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?
Amazing video. Just what I needed. Thank you!
Hi there! I've been trying what you suggested but my photos still come out blurry. What should I do?
Great video! Thanks so much, it was EXACTLY the info I was looking for
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?
Thank you for the help! My website runs like a dream now 🙂
Subscribed!!!!
THANK YOU SOOOOOO MUCH for this video! sooo helpful! exactly what I needed and you explained it so well for a beginner!
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!
Thanks for the great video. Do you need to resize your images before compressing them?