Reduce image size: use the correct format — PNG or JPEG

Reduce image size: use the correct format — PNG or JPEG

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=8VoCua-dEu0


Duration: 3:31
60,829 views
2,067

You can make your website faster and less data-hungry by using the right file format for images.

This video shows simple techniques to identify problematic images, and then quickly and easily optimise them to the most suitable format.

Still have questions regarding image size and format? Use #AskChrome on Twitter to send them to the Chrome team!

Optimize Images: https://goo.gle/2YM8IoT
Use Imagemin to compress images: https://goo.gle/30mgTbQ

Series playlist → https://goo.gle/2GFvRCv

Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs



Other Videos By Chrome for Developers


2019-09-11Import maps - HTTP 203
2019-09-10New in Chrome 77: Native Lazy Loading, Largest Contentful Paint, and New Forms Capabilities
2019-09-04Globalization Tools - The State of the Web
2019-09-03Chrome 77 - What’s New in DevTools
2019-08-27Push Notifications - HTTP 203
2019-08-14Is postMessage slow? - HTTP 203
2019-08-09Load your page faster: remove unused code
2019-08-07BigQuery Demo - The State of the Web
2019-08-01Scope in JavaScript - HTTP 203
2019-07-30New in Chrome 76: Better install experiences for PWAs, dark mode, and more!
2019-07-25Reduce image size: use the correct format — PNG or JPEG
2019-07-15Implementing the Web Payments API - Progressive Web App Training
2019-07-15Responsive design - Progressive Web App Training
2019-07-15Responsive images - Progressive Web App Training
2019-07-15IndexedDB - Progressive Web App Training
2019-07-14Chrome 76 - What’s New in DevTools
2019-07-12Reduce image size: optimize image compression
2019-07-03BigQuery - The State of the Web
2019-06-27Reduce image size: use media queries for background images
2019-06-25Handling updates offline-first - HTTP 203
2019-06-20Faster Web Navigation with Predictive Prefetching


Tags:
reduce image size
reduce image size use the correct format
PNG
JPEG
PNG and JPEG
WEBP
top tips to improve web performance
improve web performance
tips to improve web performance
optimise images
use imagemin to compress images
use imagemin
imagemin
compress images using imagemin
Google Chrome
Google Chrome Developers
Google Developers
GDS: Yes;