À propos de l'auteur
Markus Seyfferth aime voyager, manger des boulettes, et s'assure que Smashing ne soit pas à court d'argent. Il coordonne tous les livres et événements Smashing (et aussi …
En savoir plus sur Markus …
Rencontrer Le WebP Manuel de Jeremy Wagner, un nouveau eBook de Smashing sur tout WebP: ce pour quoi il est bon, comment les variantes avec perte et sans perte fonctionnent et comment utiliser WebP correctement. PDF, ePUB, Amazon Kindle. Gratuit pour Membres brisant . Lire un extrait .
Qu'est-ce que WebP en premier lieu? Pouvons-nous l'utiliser aujourd'hui? Et si oui, comment exactement? Le rôle des médias dans la performance, en particulier les images, est extrêmement préoccupant. Les images sont puissantes. Les visuels engageants évoquent des sentiments viscéraux. Ils peuvent fournir des informations clés et le contexte des articles, ou simplement ajouter des apartés humoristiques. Ils font n'importe quoi pour nous que le texte brut ne peut pas tout seul.
Mais quand il y a trop d'images, cela peut être frustrant pour les utilisateurs de connexions lentes, ou aller à l'encontre des quotas de données. Dans ce dernier cas, cela peut coûter de l'argent aux utilisateurs. Ce genre d'intrusion involontaire peut avoir des conséquences réelles.
Dans ce livre électronique, vous apprendrez tout sur WebP : de quoi il est capable, comment il fonctionne, comment convertir les images au format d'une variété de façons, et surtout, comment l'utiliser. Bien sûr – le livre électronique est – et sera toujours, gratuit pour tous les membres de Smashing . Vous pouvez jeter un coup d'oeil dans l'un des chapitres sur ici .
84 pages. Écrit par Jeremy Wagner . Conception de couverture par Ricardo Gimenes. Disponible en formats PDF, Kindle et ePub
Contenu du livre électronique
Ce guide vous encourage à expérimenter et à voir ce qu'il est possible de faire avec WebP:
-
WebP Basics
WebP images utilisent généralement moins d'espace disque par rapport à d'autres formats à une similarité visuelle raisonnablement comparable. En fonction de l'audience de votre site et des navigateurs qu'ils utilisent, il s'agit d'une opportunité de proposer des expériences utilisateur moins gourmandes en données pour un segment important de votre audience. -
Performances
JPEG et PNG exportés par un certain nombre d'encodeurs d'images -
Conversion d'images en WebP
Cela peut se faire de multiples façons, depuis l'exportation de votre programme de conception préféré, en utilisant Cloudinary et des services similaires, et même dans les systèmes de construction basés sur Node.js. -
Utilisation des images WebP
WebP n'étant pas encore pris en charge dans tous les navigateurs, vous devez apprendre à l'utiliser pour que les sites et les applications puissent revenir aux formats établis. lorsque le support WebP fait défaut. Ici, nous allons discuter des nombreuses façons dont vous pouvez utiliser WebP de manière responsable, en commençant par détecter le support du navigateur dans l'en-tête de demande Accepter À propos de l'auteur
Jeremy Wagner est un développeur front-end, auteur et conférencier obsédé par la performance. Il vit et travaille dans les déchets gelés de Saint Paul, au Minnesota. Il est également l'auteur de Web Performance in Action un guide d'accompagnement de développeur Web pour la création de sites Web rapides. Vous pouvez le trouver sur Twitter @malchata, ou lire son blog des divagations .Voici pourquoi ce livre électronique est pour vous
Le manuel WebP vous préparera pour le nouveau format d'image capable de réduire significativement les expériences utilisateur exigeant beaucoup de données pour la majorité de votre audience:
- Découvrez comment WebP avec et sans perte se compare aux fichiers JPEG et PNG exportés par un certain nombre d'encodeurs d'images.
- Découvrez les services et plugins que vous pouvez utilisez pour exporter ou convertir des images vers WebP avec votre outil de conception ou votre outil de ligne de commande préféré.
- Apprenez à utiliser WebP en production et à implémenter les solutions de repli appropriées pour les navigateurs qui ne supportent pas encore WebP. Apprenez à utiliser tout le potentiel du format WebP. Il améliorera considérablement les performances de chargement de nombreux utilisateurs, clients et clients, et deviendra l'un de vos outils favoris pour rendre les sites Web aussi légers que possible.
Le livre numérique est gratuit pour les membres Smashing (vous pouvez annuler à tout moment, bien sûr) .
Source link