Le SVG

Le format SVG (Scalable Vector Graphics ou Graphique Vectoriel Adaptable) mérite également d'être mentionné. Le SVG est un format web standard basé sur le XML qui prend en charge à la fois les images statiques et les animations en deux dimensions. La norme existe depuis plus d'une décennie, mais avec l'émergence récente de l'HTML5, il se pourrait que vous soyez amené à rencontrer de plus en plus fréquemment ce format. Retenez simplement que le SVG permet de créer des visuels de très haute qualité et des animations qui ne perdent pas en qualité quand leur taille augmente. En d'autres mots avec le format SVG, vous pouvez créer des images qui s'affichent tout aussi bien sur un minuscule écran de Smartphone que sur un écran d'ordinateur en 60 pouces.

Quel format utiliser et quand ?

Il est important de connaître les différents types d’extension d'images, la différence entre ces formats et quand les utiliser.

Pour commencer si votre image fait appel à un large éventail de couleurs, éliminiez immédiatement l’option d’enregistrement en GIF. Le PNG ou le JPG sont les meilleures extensions pour les images avec une palette de couleurs importante.

Le JPG est le format le mieux adapté pour les photographies ou les images contenant des éléments photographiés avec un nombre important de détails.

Le PNG est le format le mieux adapté pour les images comportant du texte, des graphiques, des captures d'écran et des illustrations détaillées.

Lors du choix du type d'extension à utiliser pour une image qui ne contient pas d'éléments photographiés, il vaut mieux privilégier les critères de la transparence et de la résolution. Pour une image composée par un nombre important de couleurs ou qui nécessite une transparence variable, le PNG reste donc le format de prédilection.

En général il est possible d'utiliser une image avec de la transparence lorsque vous souhaitez montrer la couleur de fond à travers votre image pour une raison quelconque. Exemple : Votre produit a été photographié sur un fond de couleur et vous procédez au "détourage" en remplaçant ce fond par un fond blanc dans un logiciel d'édition d'images. Vous préférerez donc un format PNG pour celle-ci.

il est préférable de prendre vos photos de produit sur un fond blanc pour ne pas gaspiller de temps dans le détourage des images.

Si votre image est composée de peu de couleurs et ne nécessite aucun effet de transparence avancée, optez pour le GIF. Gardez à l'esprit que toute utilisation de transparence devrait être testée dans plusieurs navigateurs au préalable afin de s'assurer que l'effet reste le même chez tous les internautes.

Enfin, si vous avez un doute sur le type d'extension à utiliser, il existe un test simple qui facilite la prise de décision. Dans votre logiciel d'édition d'images, enregistrez votre image sous les trois types d'extension et comparez le rapport taille du fichier / qualité de l'image entre les trois formats. Ceci permet de déterminer rapidement l'extension qui génère la meilleure qualité d'image pour une taille de fichier minimale.

Changer de format de fichiers.

Si vous ne disposez pas d’un logiciel d'édition d'images professionnel permettant l'importation et l'exportation dans différents formats, il existe désormais une pléthore d'alternatives gratuites qui permettent d'enregistrer les images dans des formats différents.

Si vous êtes un utilisateur de Windows, Microsoft Paint vous permettra d'ouvrir rapidement une image et de l'enregistrer sous une extension différente. Il s'agit d'un programme de base qui ne permet toutefois pas la transparence et sa capacité de compression n'égalera jamais celle de Photoshop. Mais il fera tout de même l'affaire pour des petits besoins rapides et en cas de dépannage. Pour les utilisateurs de Mac, il existe une alternative équivalente appelée Paintbrush.

Des solutions gratuites existent également pour les formats d'enregistrement d'images plus avancés comme GIMP, disponible à la fois pour Windows et Mac OS. Citons également Pixelmator disponible exclusivement pour Mac OS et Aviary, une suite créative en ligne.

Bien maîtriser les avantages des différents formats permet d'obtenir des images de meilleure qualité et d'améliorer le temps de chargement des pages, ce que les internautes et les moteurs de recherche ne manquent pas d'apprécier de nos jours.

ShopFactory dispose d'un puissant assistant pour faciliter la gestion de vos images. Le logiciel ajuste automatiquement la taille des photos et crée des vignettes liées à des aperçus en mode zoom pour accélérer les délais d'affichage des pages. Si vous avez par exemple pris une photo de produit à l'aide de votre appareil, il suffit de l'enregistrer directement sur votre ordinateur (de préférence avec un nom qui décrit cet article pour un meilleur référencement naturel). ShopFactory transformera le nom en titre - et se chargera de la compression de la taille et du format du fichier.

<< Retour page 1

© Vous souhaitez reprendre cet article sur votre propre site ? Les reproductions complètes sont autorisées sous réserve d’affichage des mentions obligatoires (nom de l'auteur + lien actif vers http://ecommerce-pratique.info/). Toute reproduction partielle ou adaptation est interdite.