Unoptimized images leads to a bad user experience. Don’t make the mistake of serving massive images which leads to longer load times and frustrated users and customers.
In this video, we’ll cover a few 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 propert in HTML, you can always serve the correct size depending 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 docs : 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?v=2QYpkrX2N48
Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for 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
COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - 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/
#web-development #webdev #image
