Les fichiers .SVG (pour Scalable Vector Graphics) sont des images vectorielles. Moins lourds que les fichiers PNG ou JPG ils sont parfaits pour une utilisation sur les sites web. Pourquoi nous recommandons leur usage sur Wix? Car ils ont plusieurs avantages que vous allez découvrir ici !
Les SVG sont plus rapides à charger que les PNG et JPG : c'est bénéfique pour le SEO
Le premier point qui devrait vous pousser sans plus attendre à faire du SVG votre religion c'est la VITESSE de chargement. En effet, lorsque votre logo en PNG pèse 300ko (voire bien plus), le même logo en SVG pèsera jusqu'à 10 fois moins lourd, il sera donc bien plus rapide à s'afficher au lancement de votre page web.
Ça peut vous sembler être un détail de geek insignifiant, mais c'est pourtant un avantage décisif pour le SEO que vous procure ce format en améliorant le temps de chargement de votre site Wix.
Pour faire simple : plus votre site est rapide à charger, plus il aura des chances d'être bien référencé en première position sur Google. Sans compter que c'est plus agréable pour vos visiteurs, qui risqueront moins de quitter un site trop lent (les utilisateurs sont très impatients, chaque seconde compte).
Le rendu esthétique est plus agréable : l'image vectorielle est bien nette (sans pixels)
Au-delà des considérations de temps de chargement amélioré, le SVG vous offre également un rendu esthétique sans commune mesure avec les "classiques" JPEG ou PNG.
En effet, il s'agit d'un fichier vectoriel (utilisant du code XML) et non matriciel (bitmap). Vous n'avez donc pas de pixels mais des lignes propres, des courbes nettes (comme vous pouvez le voir sur l'exemple).
Le rendu est beaucoup plus professionnel, vous serez ainsi plus crédibles auprès de vos clients (rien n'est plus horrible que des visuels trop pixelisés).
Attention : vous ne pouvez pas convertir de photos en SVG, c'est uniquement pour des formes vectorielles (logos, pictogrammes, lignes, illustrations flat, dessin vectoriel). Vous pouvez néanmoins compresser vos images
Comment importer un fichier .svg sur Wix?
L'importation d'un vecteur au format svg est relativement simple sur l'éditeur Wix. Voici un petit tutoriel qui vous explique comment faire :
• Cliquez sur "Ajouter" (le logo +)
• Cliquez sur "éléments décoratifs"
• Sous les formes proposées par Wix, cliquez sur "Davantage de formes basiques"
• Cliquez ensuite sur le bouton "importer média"
• Sélectionnez le fichier .svg sur votre ordinateur
• Pour finir, cliquez sur "Ajouter à la page" et voilà !
Il ne vous reste plus qu'à positionner cet élément vectoriel à l'endroit souhaité sur votre site (les logos sont souvent placés dans le header).
Grâce aux paramètres CSS vous pouvez également modifier la couleur d'un picto ou logo svg sur l'éditeur Wix (sauf lorsqu'il y a des dégradés ou certains effets).
Lisez notre article tutoriel pour savoir comment créer un site Wix.
Comment convertir mon logo en SVG?
En règle générale lors de la création d'un logo votre graphiste vous remet un fichier .AI (créé sur Adobe Illustrator). Malheureusement ces fichiers vectorisés "classiques" AI ou EPS ne peuvent pas être utilisés sur Wix (ni sur les autres CMS car ça n'est pas un format fait pour le web). Vous allez donc devoir convertir votre fichier Illustrator au bon format (SVG), adapté à votre site Internet.
Cloudconvert est un petit logiciel en ligne (gratuit) qui permet de transformer votre AI en SVG. Nous l'avons testé, ça fonctionne !
Utilisez Illustrator ou Photoshop
Si vous avez quelques connaissances techniques vous pouvez bien sûr exporter votre SVG directement depuis Illustrator, c'est expliqué ici. Vous pouvez également exporter un fichier .svg depuis Photoshop (dans certaines conditions, il faudra vectoriser vos polices et utiliser des formes). Pour cela, il vous faudra un ordinateur pour graphiste qui aura assez de puissance pour faire tourner un logiciel professionnel !
Vous souhaitez faire créer un logo de la mort qui tue? Pensez à l'agence Promoovoir 😇
Ou trouver des pictogrammes en SVG gratuit?
Pour agrémenter un site sur Wix il est judicieux d'utiliser des pictogrammes, ils attirent le regard et améliorent la clarté de votre message. Tout web designer wix freelance qui se respecte le sait ! Vous pouvez créer des pictogrammes personnalisés ou simplement utiliser des "banques" (comme le font 99,99% des sites sur la toile).
Nous recommandons le site Flaticon qui vous offre une très large bibliothèque de pictogrammes et logos au format .svg
Ça y est? Vous avez compris pourquoi vous devez opter pour les fichiers au format Scalable Vector Graphics?
Vous souhaitez engager une agence ou un freelance sur Wix pour améliorer votre site web? N'hésitez pas à nous contacter et à nous parler de votre projet.