La révolution vectorielle

Avec la révolution mobile,
les évolutions gagnent également la gestion des images.

La navigateurs web supportent désormais quasiment tous les dessins vectoriels (svg), qui s’affichent directement dans les pages web, comme les autres images habituelles ‘bitmap’ (jpg, png, gif).

Plus d’aliasing !

svg no aliasing versus bitmap aliasing
Comparaison d’aliasing entre bitmap et SVG

Le bénéfice principal des images SVG est leur capacité à être redimensionnables sans perte de qualité (aliasing).

Les bénéfices induits
– images responsives
– plus besoin de décliner les images en différentes tailles pour le web
– modifiables très facilement (fichier texte)
– styles applicables sur les éléments constitutifs
– animations / interactions …

Exemple d’image SVG

Quelques agrandissements d’une même image SVG. On notera l’absence d’aliasing.



Détail / zoom

 



WebExpress développe et intègre nativement
les images vectorielles dans les créations de site web


Aliasing : effet mosaïque lors d’un agrandissement poussé d’une image bitmap
Bitmap : images matricielles (png, bmp, gif, jpg)
SVG : Scalable Vector Graphics

Crédit image vectorielle : tiddlywiki5

Vous pourriez aussi aimer...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *