Quel est le futur des images vectorielles sur nos forums ?

[Fufu89]

Bonjour, depuis quelques jours je suis de plus en plus attiré par l'idée d'utiliser des images svg sur mes forums.

Comme beaucoup de monde de nos jours, nous accédons de plus en plus souvent à nos forums sur des smartphones ou tablettes.

S'il est vrai que les images classique de type png ou jpg s'affichent plutôt bien sur les versions PC, on se voit vite confronté à une toute nouvelle problématique lorsqu'il s'agit des smartphones : LES PIXELS.

En effet, impossible de ne pas zoomer sur un smartphone quand on visite un forum (je ne parle pas de la version mobile mais bel et bien de la version web). Certes, un responsive design peut résoudre un peu le problème mais cela ne nous empêchera pas d'avoir à zoomer.

Ce n'est pas très esthétique d'avoir un texte qui est très très net (car les polices sont vectorielles) et de voir à côté une icône par exemple totalement pixelisée...

Bref mais cela ne change rien au fait que l'on peut déjà utiliser des images au format svg et le souci est réglé.

Mais je vous parle d'un autre type de svg... La balise html SVG.

Cette balise a, comme toute balise html des propriétés CSS. Imaginons la possibilité que cela nous donnerait !!!

Voici un petit aperçu du potentiel des svg: https://css-tricks.com/using-svg/

(Malheureusement le site est en anglais)

Un exemple donné par l'auteur sur le changement de couleur ou l'ajout d'un filtre quand on clique sur le kiwi ou sur son ombre: http://codepen.io/chriscoyier/pen/evcBu

Un autre exemple qui montre la qualité de l'image lorsque l'on change de taille : http://codepen.io/chriscoyier/pen/lCEux

---

Il y a également une deuxième solution : les polices.
ForumActif l'utilise déjà dans sa version mobile. Et oui, les icônes du menu ne sont pas des images mais une police. L'avantage c'est que vous pouvez donc lui donner la même couleur que le texte à côté des icônes sans avoir à passer par des logiciels de retouche d'image.

---

Il est clair que l'utilisation ne pourra jamais se faire partout sur nous forum. Mais je pensais qu'il serait sympa de proposer de les utiliser pour les icônes et boutons du forum et qui sait, utiliser une police de "smileys" pour quils soient adaptés à la couleur du texte ou à sa taille.

Exemple   Comme vous le voyez le smiley est trop petit.

Qu'en pensez-vous ? Est-ce vraiment utile ? Est-ce que ForumActif devrait se moderniser ? À vos plumes

[Kallindra]

C'est une suggestion ou un sujet de débat ?

[Fufu89]

Ce n'est pas une proposition. Le sondage est juste à titre d'information, pour garder un aperçu.

J'aimerai juste recueillir l'avis des gens. Ceux qui ont déjà utilisé des icônes svg, ceux qui ont déjà intégré des balises <svg> sur leurs forums ou sites internet. Savoir comment est le rendu ? Comment est la rapidité de chargement ? Est-ce qu'il est envisageable de changer via Javascript ou autre une balise <img> en balise <svg> avec toutes les informations des chemins et remplissages de l'image vectorielle que l'on souhaite insérer ?

Ou alors au contraire vous êtes totalement contre ? Pourquoi ? Quels sont les désavantages ?

Voici un exemple de ce que ForumActif a déjà fait. En zoomant au max sur l'icône, nous nous apercevons que l'image n'est pas du tout pixelisée. En vrai il ne s'agit pas d'une image svg mais d'une police. De nombreuses polices de ce genre sont proposées, une des plus connues est FontAwesome. Mais cela rejoint l'idée de départ, les polices étant des vecteurs.


Et voici deux exemples de zoom sur smartphone:




Comme vous le voyez, le texte est parfaitement net, alors que les icônes/smileys ne le sont pas.