Découvrez l'optimisation de l'image, un nouveau livre sensationnel par Addy Osmani

Les images sont un élément clé du Web depuis des décennies. Nos cerveaux interprètent les images beaucoup plus rapidement que le texte, c'est pourquoi des visuels de haute qualité stimulent les conversions et l'engagement des utilisateurs. Pensez simplement aux pages de destination et aux photos de produits, aux panneaux de fonctionnalités et aux zones de héros. Pour être efficaces, toutes ces images doivent être soigneusement orchestrées pour apparaître rapidement à l'écran – mais il s'avère que le chargement efficace des images à grande échelle n'est pas un projet pour un après-midi tranquille.

Optimisation d'image chargement le comportement et le rendu dans le navigateur nécessitent une compréhension des formats d'image et des techniques de compression d'image, du décodage d'image et du rendu du navigateur, des CDN d'images et du chargement adaptatif des médias, sans parler de la mise en cache et du préchargement efficaces. Voyons tout cela.

Pour un guide complet sur l'optimisation des images, nous nous sommes associés à Addy Osmani un ingénieur responsable travaillant sur Google Chrome et se concentrant sur les performances depuis des décennies. Le résultat est un livre avec tout ce dont vous avez besoin pour optimiser vos images et les afficher rapidement, sans être ralenti en cours de route.

About The Book

À côté des vidéos, les images sont les éléments les plus lourds et les plus demandés sur le Web. Certaines des plus grandes économies de taille et des améliorations de performances peuvent provenir d'une meilleure stratégie d'optimisation d'image. Alors, comment encoder, déployer, servir et maintenir des images au fil du temps? Notre nouveau livre explore exactement cela. Consultez l'aperçu PDF gratuit (3 Mo).

Le nouveau livre d'Addy se concentre sur ce qui compte : approches modernes de la compression et de la livraison d'images, outils et techniques pratiques pour automatiser l'optimisation images réactives, formats d'image actuels et émergents, comment les navigateurs chargent, décodent et rendent les images, les CDN, le chargement différé, le chargement adaptatif des médias et comment optimiser pour Core Web Vitals. Le tout dans un seul livre de 528 pages.

Image Optimization vous aidera à fournir des images réactives de haute qualité dans le meilleur format et la meilleure taille, et au moment où vos utilisateurs en ont le plus besoin. Rempli de conseils et techniques utiles le livre met l'accent sur l'application pratique et la longévité de vos stratégies d'optimisation d'image. Aller à la table des matières ↓

Vous apprendrez:

• formats d'image,
• compression d'image
• améliorer le rendu d'image,
• préparer des images pour une variété de résolutions,
• automatiser l'optimisation d'image
• maintenance d'image,
• chargement paresseux et des techniques comme SQIP,
• CDN d'image, et comment en configurer un,
• AVIF, JPEG XL , et HEIF leurs avantages et inconvénients,
• Core Web Vitals et comment les optimiser,
• livraison d'images adaptative aux conditions du réseau.

Table des matières

Les images nous aident à raconter une histoire et à mieux dialoguer avec nos clients. Les photos de haute qualité ne manquent pas autour de nous, mais comment les encoder, les déployer, les servir et les maintenir?

Les 23 chapitres de notre nouveau livre brillant explorent exactement cela.

528 pages . L'eBook est disponible immédiatement (PDF, ePUB, Amazon Kindle). L'expédition du livre imprimé commencera fin mai . Écrit par Addy Osmani. Conçu par Espen Brunborg et Nadia Snopek.

À propos de l'auteur

Addy Osmani est un directeur technique travaillant sur Google Chrome. Son équipe se concentre sur la vitesse aidant à garder le Web rapide. Dédiées à la communauté open-source, les précédentes contributions open-source d'Addy incluent Lighthouse (un outil d'audit pour les performances et les meilleures pratiques Web), Workbox (bibliothèques pour la mise en cache hors ligne des fichiers à l'aide du service workers), Yeoman (l'outil d'échafaudage Web), Critical (l'outil d'optimisation CSS du chemin critique) et TodoMVC . Addy est l'auteur du livre Learning JavaScript Design Patterns .

Reviews and Testimonials

«Un aperçu incroyablement complet de l'optimisation d'image. Ce livre vous apprendra tout ce que vous devez savoir pour fournir des images efficaces et performantes sur le Web. ”

– Katie Hempenius Google

“ L'optimisation de la diffusion d'images est essentielle pour créer des applications Web hautes performances. Ce livre explique tout ce que les développeurs doivent savoir sur le choix du bon format d'image, la compression des éléments d'image – et plus encore! »

– Mathias Bynens Google

« Les images sont le cœur et âme du web; ils aident à créer ce lien émotionnel avec les humains. Pourtant, il est vraiment facile de gâcher cette expérience en chargeant lentement ou pire, en sur quantifiant les pixels et en déformant les images. Comprendre le fonctionnement des images est essentiel pour chaque ingénieur; la dernière chose que nous voulons, c'est traiter les bogues ouverts résultant de mauvaises expériences créatives ou de performance. »

– Colin Bendell Shopify

Détails techniques

• ISBN: 978-3- 945749-94-4 (imprimé)
• Couverture rigide de qualité reliure cousue, marqueur de page ruban.
• Expédition gratuite par avion dans le monde entier depuis l'Allemagne à partir de la fin mai. Vous pouvez commencer à lire l'eBook tout de suite.
• eBook est déjà disponible au format PDF, ePUB et Amazon Kindle.
• Obtenez le livre tout de suite.

Community Matters ❤️ [19659018] Produire un livre prend beaucoup de temps, et nous ne pourrions pas le réussir sans le soutien de notre merveilleuse communauté . Un grand merci aux membres Smashing pour leur soutien aimable et continu. L'eBook est et sera toujours gratuit pour Smashing Members . De plus, les membres bénéficient d'une réduction amicale lors de l'achat de leur exemplaire imprimé. Dis juste! ; -)

Restez fracassant, et merci pour votre soutien continu, tout le monde!

More Smashing Books & Goodies

Promouvoir les meilleures pratiques et vous fournir des conseils pratiques pour maîtriser vos défis quotidiens de codage et de conception a toujours été (et sera) au cœur de tout ce que nous faisons chez Smashing.

Au cours des dernières années, nous avons eu beaucoup de chance d'avoir travaillé avec des personnes talentueuses et attentionnées de la communauté Web. publient leur riche expérience sous forme de livres imprimés qui résistent à l'épreuve du temps . Paul et Adam font partie de ces personnes. Avez-vous déjà consulté leurs livres?