Optimizing Images for Web Apps!
Hi there! In today’s video, we will learn the key factors to consider when optimizing images for the web—covering image formats, compression, lazy loading, and even automation using node.js.
Documentation: https://fewv.dev/lessons/image-optimi...
Read Adobe's article on Lossy vs Lossless: https://www.adobe.com/uk/creativeclou...
GitHub Repository:
Thank you for watching! ✨ If you have any queries, please feel free to ask me in the comment section below, I'll be happy to help ☺️
Or
Join the discord server: / discord
Topics:
0:00 Intro
0:40 Image Formats and When to Use Them
5:28 Image Compression Techniques
7:42 Automate Image Compression
10:37 Responsive Images (Serving Different Sizes)
12:23 Lazy Loading
13:22 Image Naming & ALT attribute
17:07 The "picture" element
18:26 Outro
