SVG Vs. JPG
SVG (scalable vector graphics) est un format de fichier vectoriel, ce qui signifie que vous pouvez redimensionner les graphiques sans perdre la qualité de l'image. Si vous’êtes en train de créer des projets numériques tels que des logos, du design web et des animations, les fichiers SVG sont votre meilleure option. Mais dans certains cas, vous avez besoin d'un fichier plus petit. Lorsque vous devez exporter un travail pour l'utiliser sur des navigateurs web, des médias sociaux ou un stockage, le format JPG (joint photographic experts group) trouve un meilleur équilibre entre la qualité et la taille du fichier.
Les fichiers d'image JPG sont basés sur les pixels, ce qui signifie que la résolution du fichier est fixée aux dimensions dans lesquelles vous l'enregistrez. Contrairement aux graphiques vectoriels dans les fichiers SVG, les JPG ne sont pas destinés à être agrandis. Un étirement trop important peut entraîner une pixellisation ou un flou de l'image. Les JPG utilisent une compression avec perte pour réduire la taille du fichier. Vous perdez quelques données, mais les JPG contribuent à réduire les vitesses de chargement et occupent donc moins d'espace sur votre disque dur. Étant l'un des types de fichiers les plus populaires et universellement reconnus, les JPG sont également faciles à transférer et à télécharger vers n'importe quelle source. Par exemple, tous les appareils photo numériques prennent des photos en JPG.
Avantages de l'utilisation des fichiers SVG
- Flexibilité : les images vectorielles sont indépendantes de la résolution et peuvent être mises à l'échelle dans n'importe quelle dimension sans perdre en qualité. Les navigateurs recalculent simplement les mathématiques derrière l'image, de sorte qu'il n'y a pas de distorsion. Les images matricielles, en revanche, perdent leur résolution lorsqu'elles sont agrandies parce que leurs petits pixels sont forcés de s'étendre au-delà de leur taille d'origine.
- Interactivité : des hyperliens et pratiquement n'importe quel type d'animation peuvent être ajoutés via le style et le scripting.
- Facilement modifiable : modifier un SVG est aussi facile que de changer les coordonnées ou un mot dans un éditeur de texte ou de coder le SVG sur votre page web et de le modifier avec JavaScript ou CSS. Vous pouvez également utiliser des logiciels d'édition de graphiques vectoriels populaires tels que Adobe Illustrator, Corel Draw et Sketch.
- Taille de fichier compacte : les images basées sur des pixels sont enregistrées à une grande taille dès le départ parce que vous ne pouvez conserver la qualité que lorsque vous réduisez l'image, mais pas lorsque vous l'agrandissez. Cela peut avoir un impact sur la vitesse de téléchargement d'un site. Comme les SVG sont évolutifs, ils peuvent être enregistrés à une taille de fichier minimale.
- Adapté au SEO friendly : les images SVG sont définies dans des fichiers texte XML, de sorte que les mots-clés et les descriptions peuvent être utilisés et plus facilement reconnus par les moteurs de recherche. Avec les images matricielles, vous êtes limité au titre ou à l'attribut alt de votre fichier.
Comment convertir des SVG en JPG dans Photoshop
Étape 1 : ouvrez votre fichier d'image SVG dans Photoshop
Étape 2 : allez dans Fichier.
Étape 3 : sélectionnez Exporter.
Étape 4 : cliquez sur Exporter sous.
Étape 5 : sélectionnez le format JPG dans le menu déroulant.
Étape 6 : réglez la taille de l'image et la taille du canevas au besoin.