In this video, we'll cover some ways to optimize your images for the web. You can start by using something like https://tinypng.com/ to compress your images. Then you can take it to the next level with ImageKit.
ImageKit can dynamically create multiple different sizes of your images. When you combine this with the srcset property in HTML, you can still display the correct size based on the user's screen size and pixel density. It can also determine the optimal image format to send to the user based on the browser.
ImageKit documentation: https://docs.imagekit.io/features/image-transformations
ImageKit blogs on resizing: https://imagekit.io/blog/tag/image-resizing/
Srcset with Kevin Powell – https://www.youtube.com/watch?v2QYpkrX2N48
______________________________________________________________
Newsletter
Interested in exclusive content and discounts? Sign up to receive the newsletter!
https://www.jamesqquick.com
______________________________________________________________
Connect with me
Live streams on Twitch – https://twitch.tv/jamesqquick
Follow me on Twitter – https://www.twitter.com/jamesqquick
Join the Discord server – https://discord.gg/vM2bagU
______________________________________________________________
COURSE
Learn how to build Fullstack apps with React and Serverless – https://www.jamesqquick.com/courses/react-and-serverless-fullstack-developmnent
Learn everything you need to know about Visual Studio Code – https://www.udemy.com/learn-visual-studio-code/
Build a quiz app – https://www.udemy.com/build-a-quiz-app-with-html-css-and-javascript/
Please take the opportunity to connect and share this video with your friends and family if you find it useful.
No Comments