Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to Optimize Images for Web Performance without Losing Quality
ChannelWPBeginner - WordPress TutorialsDescription from the creator
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:
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:
tinypng.com/
If you would prefer your WordPress site to handle the image optimization, our top recommended image compression plugins can be found here:
wpbeginner.com/plugins/best-wordpress-image-com…
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.
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.
youtube.com/subscription_center?add_user=wpbegi…
Feel free to take a look at the written version of this tutorial here:
wpbeginner.com/beginners-guide/speed-wordpress-…
Join our group on Facebook
facebook.com/groups/wpbeginner
Follow us on Twitter
twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
In this guide we use Pingdom to analyze page speed, you can find Pingdom here:
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:
tinypng.com/
If you would prefer your WordPress site to handle the image optimization, our top recommended image compression plugins can be found here:
wpbeginner.com/plugins/best-wordpress-image-com…
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.
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.
youtube.com/subscription_center?add_user=wpbegi…
Feel free to take a look at the written version of this tutorial here:
wpbeginner.com/beginners-guide/speed-wordpress-…
Join our group on Facebook
facebook.com/groups/wpbeginner
Follow us on Twitter
twitter.com/wpbeginner
Check out our website for more WordPress Tutorials
wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner
About this tutorial
WPBeginner - WordPress Tutorials published this 12:45 video tutorial on May 6, 2020. It has been watched 98,605 times on YouTube.
- Category
- Science & Technology
- Duration
- 12:45
- Published
- May 6, 2020
- Views
- 98,605
- Likes
- 1,084
Tags
Share
This tutorial in other languages
- FRComment optimiser les images pour le Web Performance sans perte de qualité
- ESCómo optimizar las imágenes para Web Performance sin perder calidad
- PTComo Otimizar Imagens para Web desempenho sem perder qualidade
- ITCome ottimizzare le immagini per il Web Prestazioni senza perdere qualità
- DEBilder für Web-Performance-How zu optimieren, ohne Qualität zu verlieren
- NLHoe kan ik beelden voor Web prestaties te optimaliseren zonder kwaliteitsverlies
- RUКак оптимизировать изображения для веб-производительности без потери качества
- PLJak zoptymalizować obrazów dla sieci Web wydajność bez utraty jakości
- JA品質を失うことなく、ウェブパフォーマンスのために画像を最適化する方法
- ARكيفية تحسين الصور لأداء ويب دون فقدان الجودة
- HIगुणवत्ता खोने के बिना वेब प्रदर्शन के लिए चित्र का अनुकूलन करने के लिए कैसे
- IDCara Optimalkan Gambar untuk Kinerja Web tanpa Kehilangan Kualitas