Responsive, Performant Images for the Web

Learn to optimize your images for the web in this video from PerfMatters Conf.

Want to learn how to make your images more responsive and more performant? Haven't gotten a chance to read that book/article/doc on web performance for images yet?

I spoke at my first virtual conference, PerfMatters Conf, and luckily they recorded it. This talk is a great intro into all things images for the web. Enjoy!

Images account for 50% of the bytes downloaded to load a website. How can you make sure that your users only download the smallest image necessary while preserving image quality? In this talk, we'll focus on the underlying concepts in HTML and CSS for serving responsive images, which you can take with you no matter which tool you use. Which file formats suit which image types best? How can you use art direction in images to show the best image for a viewport layout?

Hi, I'm Sia.

I'm a freelance performance engineer and web developer, and I'm available for your projects.

Hire me

Webmentions

3 Retweets

Barry Pollard Milk Scent PerformantWebDev

1 Reply

Sia Karamalegos Sia Karamalegos

Thanks! source

These are webmentions via the IndieWeb and webmention.io. Mention this post from your site:


← Home