Chapter 5: Image Optimization and Deploying Our First Astro Site

In this final chapter, we’ll look at the image optimization options offered by Astro, and we’ll learn how to deploy a production-ready site built with Astro.

Image optimization is (or rather, should be) an important discussion point, as the heaviest resources on a web page are generally image (or video) assets. Therefore, optimizing images plays a crucial part in web development. Today, there are multiple image formats. There are also many tools for converting images between formats so that they become smaller in terms of kilobytes, resulting in better experiences for users. This result is measured by the Largest Contentful Paint metric, which is part of Core Web Vitals.

Fortunately, ...

Get Unleashing the Power of Astro now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.