# Image optimization · Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/tags/image-optimization>)

Adaptation des dimensions, formats et chargements d’images aux usages de l’interface.

## [Astro 7.4 mesure les builds et affine le prerendering](<https://sebastien.rigaux.be/veille/liens/astro-74-mesure-les-builds-et-affine-le-prerendering>)

Astro 7.4 ajoute `astro build --timings`, qui ventile le temps passé dans le rendu des pages, les plugins Vite, le traitement Markdown et les images. L’exemple de la release montre comment ces mesures ont permis de repérer des requêtes réseau séquentielles et de réduire le temps de génération des pages de blog.

La version sépare aussi les services d’images utilisés au build et à l’exécution, et ajoute `notFound()` pour les entrypoints composés manuellement. Le prerendering parallèle et les pages de redirection personnalisées restent **expérimentaux** ; le premier peut augmenter la consommation mémoire. À noter également : Astro requiert désormais Node.js 22.22.0 au minimum.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/astro-74-mesure-les-builds-et-affine-le-prerendering.md>) · [Ressource originale](<https://astro.build/blog/astro-740/?ck_subscriber_id=2550494205&utm_source=convertkit&utm_medium=email&utm_campaign=%E2%9A%9B%EF%B8%8F%20This%20Week%20In%20React%20%23302%3A%20Next.js%2C%20React%20Router%2C%20DevTools%2C%20Security%2C%20shadcn%2C%20Hydrogen%2C%20Vinext%2C%20Mutative%2C%20R3F%20%7C%20RN%200.88%2C%20Expo%2058%2C%20Navigation%2C%20FastImage%2C%20Screens%2C%20Device%20Hub%2C%20Edge%20to%20Edge%20%7C%20TypeScript%2C%20PHP%2C%20CrUX%2C%20Rsdoctor%2C%20Astro%20-%2023823401>)

## [IPX : redimensionner et convertir les images depuis leur URL](<https://sebastien.rigaux.be/veille/liens/ipx-redimensionner-et-convertir-les-images-depuis-leur-url>)

IPX combine sharp et svgo pour transformer des images locales ou issues de domaines autorisés. Taille, format et qualité peuvent être définis dans l’URL de la ressource.

2025-09-07 · [Markdown](<https://sebastien.rigaux.be/veille/liens/ipx-redimensionner-et-convertir-les-images-depuis-leur-url.md>) · [Ressource originale](<https://github.com/unjs/ipx>)

## [Transformer des images Directus avec le provider Unpic](<https://sebastien.rigaux.be/veille/liens/transformer-des-images-directus-avec-le-provider-unpic>)

Ce guide montre comment générer des URL d’images Directus ou utiliser le provider dans un composant Unpic. Les options spécifiques au CMS peuvent être transmises sans changer l’API du composant.

2025-01-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/transformer-des-images-directus-avec-le-provider-unpic.md>) · [Ressource originale](<https://unpic.pics/providers/directus/>)

## [ThumbHash : encoder un aperçu d’image compact avec transparence](<https://sebastien.rigaux.be/veille/liens/thumbhash-encoder-un-apercu-d-image-compact-avec-transparence>)

ThumbHash représente un aperçu d’image dans quelques données faciles à stocker avec le contenu. Il encode notamment le ratio et la transparence pour améliorer l’affichage avant le chargement de l’image complète.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/veille/liens/thumbhash-encoder-un-apercu-d-image-compact-avec-transparence.md>) · [Ressource originale](<https://github.com/evanw/thumbhash>)

## [BlurHash : afficher un aperçu pendant le chargement des images](<https://sebastien.rigaux.be/veille/liens/blurhash-afficher-un-apercu-pendant-le-chargement-des-images>)

BlurHash transforme une image en une courte chaîne représentant un aperçu flouté. Le client peut l’afficher immédiatement pour éviter les cases vides pendant le téléchargement.

2024-09-14 · [Markdown](<https://sebastien.rigaux.be/veille/liens/blurhash-afficher-un-apercu-pendant-le-chargement-des-images.md>) · [Ressource originale](<https://github.com/woltapp/blurhash>)