De l'auteur : Les images SVG ne sont pas aussi courantes que nos formats raster préférés, PNG et JPG, mais les avantages des graphiques vectoriels attirent de plus en plus de concepteurs. Les designers utilisent de plus en plus de graphiques vectoriels dans leurs projets. Auparavant, nous devions télécharger des applications de bureau comme Adobe Illustrator et Inkscape, mais en 2017, nous pouvons concevoir des graphiques vectoriels sans quitter le navigateur. Si vous recherchez un éditeur SVG gratuit, vous pouvez commencer avec ces six outils gratuits.
Vecteur
Vecteur est un bon choix pour les utilisateurs SVG débutants et avancés. L'interface est soignée et pas encombrée d'outils que vous n'utiliserez pas. L'éditeur est bien adapté aux débutants en illustration vectorielle. L'utilisateur ne doit pas se perdre parmi des outils qui ne sont pas utilisés dans quel but. Le kit comprend plusieurs leçons. Même si vous débutez avec SVG, vous pouvez apprendre rapidement.
Cependant, tout ce qui précède ne signifie pas que Vectr a de mauvaises fonctionnalités. Il contient tous les éléments de base pour créer une image normale : formes, texte, calques, ombres, cadres, arrière-plans, etc. Il ne peut pas se comparer à un éditeur de bureau à part entière, mais pour des conceptions et des modifications rapides, c'est plus que suffisant. Vous pouvez créer une image à partir de zéro ou en télécharger une existante.
Des erreurs peuvent survenir lors du chargement d'illustrations complexes dans Vectr (cartes ou diagrammes détaillés). L'éditeur ne gère pas toujours bien les graphiques complexes. Cependant, pour des SVG plus simples (icônes, logos, etc.) cet éditeur sera suffisant.
JavaScript. Départ rapide
Si la version en ligne ne dispose pas des fonctions dont vous avez besoin, vous pouvez télécharger la version de bureau de l'application. L'éditeur est disponible pour Windows, Mac, Linux et Chromebook.
La fonctionnalité la plus intéressante de Vectr est peut-être que vous pouvez lier et intégrer des images directement à partir du site Vectr, ce qui en fait un hôte SVG efficace. De nombreux services bloquent le téléchargement de fichiers SVG, c'est donc un sérieux plus. Vous pouvez afficher les images SVG de Vectr sur des sites distants comme WP, Medium, Tumblr, etc. qui bloquent le chargement direct du SVG mais permettent de l'afficher à distance.
Vectr vous permet de partager des graphiques vectoriels dans le panneau de l'éditeur afin que d'autres utilisateurs puissent modifier les graphiques que vous créez. Autrement dit, vous pouvez, par exemple, créer un modèle de logo SVG que les utilisateurs peuvent personnaliser à leur guise. Tout cela dans le navigateur.
À cette fin, Vectr a récemment publié une version de l'éditeur sous la forme plugin pour WP.
RollApp
Contrairement aux autres outils de la liste, lorsque vous accédez à la page d'accueil de RollApp, vous ne voyez pas d'éditeur. RollApp est une suite d'applications, et l'éditeur SVG n'est qu'une des applications. Excellent outil, c'est une version navigateur Paysage d'encre.
Pour utiliser RollApp, vous avez besoin d'un compte. Vous pouvez en enregistrer un nouveau ou vous connecter en utilisant Google, Facebook, Amazon. Très pratique, je déteste créer des milliers de nouveaux comptes juste pour voir l'application.
Inkscape à son meilleur ! Sans aucun doute, RollApp est l'application la plus riche en fonctionnalités de la liste. Vous utilisez littéralement Inkscape dans votre navigateur ! Je n'ai pas comparé tous les détails, mais cette application semble avoir TOUTES les fonctionnalités d'Incscape telles que les calques, les objets, le texte, les chemins, les filtres, les effets, les extensions, etc.
Les fichiers volumineux ne sont pas traités aussi rapidement car les actions sont effectuées sur des serveurs d'applications et sur Internet. En bref, si vous avez besoin d'éditer des fichiers volumineux et complexes, RollApp ne sera pas une option idéale, mais pour d'autres tâches non incluses dans l'ensemble de base, cet éditeur est meilleur que d'autres.
BoxySVG
Si vous lisez SitePoint depuis longtemps, vous devriez être familier avec l'éditeur BoxySVG, car au cours des 12 derniers mois, nous avons déjà parlé de lui. Je ne ferai pas une revue détaillée, puisque cela a déjà été fait dans Cet article.
JavaScript. Départ rapide
Apprenez les bases de JavaScript avec un exemple pratique de création d'une application Web.
Ce qui est important, c’est que depuis l’examen d’Alex, BoxySVG a ajouté un inspecteur de code, ce qui en fait l’un des outils SVG les plus pertinents pour les développeurs Web.
Janvas
Il y a quelques années Janvasétait un éditeur SVG très populaire. Malheureusement, cet éditeur n'a pas été développé récemment, mais il fonctionne néanmoins toujours. Le Web avance, mais Janvas stagne, donc l’intérêt pour lui s’est estompé. Alex de SitePoint a un peu travaillé avec cet outil en 2013-14 (y compris la version payante) et a même répondu un moment aux questions sur la page Google+. Janvas était un outil assez puissant.
Le principal problème de Janvas est qu’il est un peu obsolète. Les navigateurs évoluent et les applications qui ne suivent pas les navigateurs deviennent chaque jour moins stables. Janvas possède de nombreuses fonctionnalités : formes, texte, outils de dessin, chemins, masques et calques. Cependant, les utilisateurs des forums affirment que bon nombre de ces fonctions n'apportent pas les résultats escomptés.
Il y a une bonne nouvelle : une nouvelle version sera publiée sous la forme d'une application Chrome. Nous espérons qu'ils résoudront les problèmes.
DessinerSVG
Vous avez peut-être déjà choisi un éditeur SVG en ligne gratuit. Sinon, continuez. DessinerSVG est un éditeur SVG entièrement compatible avec de nombreuses fonctionnalités. J'aime vraiment le fait que la conception de cette application soit vraiment adaptée au Web et ne ressemble pas à un portage d'une application de bureau vers un navigateur. Le menu est situé à gauche, un clic ouvre un menu de deuxième niveau, etc.
Avec DrawSVG, vous pouvez dessiner, modifier et restituer des objets. Vous pouvez dessiner des formes simples, il existe des courbes de Bézier, du texte droit et incurvé, de nombreux styles de traits et de remplissages, etc. SVG peut également être exporté au format PNG.
Modification SVG
Modification SVG– le grand-père des éditeurs de graphiques vectoriels en ligne, apparu au milieu des années 2000. Il n'y a pas de fonctionnalité serveur, tout fonctionne dans le navigateur. Il est impossible de sauvegarder votre travail sans ajouter vos propres fonctionnalités.
Cependant, pour un éditeur dont la vie a commencé comme un programme de dessin vectoriel très limité et obscur, les fonctionnalités de SVG-edit se sont continuellement améliorées.
En utilisant l'édition SVG, vous pouvez dessiner des formes simples (lignes, rectangles, cercles, polygones, lignes à main levée, etc.), utiliser des chemins, des calques, des dégradés, vous pouvez afficher et modifier des sources SVG, exporter au format PNG, JPEG, BMP, WEBP, etc.
Conclusion
En plus de ces 6 éditeurs SVG, il en existe d'autres, mais peu offrent plus de fonctionnalités que les cinq présentés ci-dessus.
Si vous souhaitez prendre le SVG au sérieux et que ces outils n'ont pas les fonctionnalités dont vous avez besoin, vous pouvez toujours télécharger un éditeur SVG de bureau comme Illustrator ou Inkscape. Cependant, pour des raisons de simplicité, de rapidité et de flexibilité, tous les éditeurs ci-dessus offrent un ensemble de fonctionnalités utiles.
PS : Vous pouvez aussi essayer Figma. Il s'agit plus d'un outil de création d'interface utilisateur que d'un éditeur SVG. Cependant, il dispose d’un excellent ensemble d’outils et génère du code SVG bien optimisé.
Le concept d’images vectorielles ne signifie absolument rien pour la grande majorité des utilisateurs de PC ordinaires. Les designers, quant à eux, sont de plus en plus enclins à utiliser ce type de graphiques pour leurs projets.
Auparavant, pour travailler avec des images SVG, vous deviez installer l'une des solutions de bureau spécialisées comme Adobe Illustrator ou Inkscape sur votre ordinateur. Des outils similaires sont désormais disponibles en ligne, sans qu’il soit nécessaire de les télécharger.
En exécutant la requête correspondante sur Google, vous pourrez vous familiariser avec un grand nombre d'éditeurs de vecteurs en ligne. Mais la grande majorité de ces solutions offrent des capacités plutôt maigres et ne permettent le plus souvent pas de travailler sur des projets sérieux. Nous examinerons les meilleurs services pour créer et éditer des images SVG directement dans le navigateur.
Bien entendu, les outils en ligne ne peuvent pas remplacer complètement les applications de bureau correspondantes, mais pour la plupart des utilisateurs, l'ensemble des fonctions proposées sera plus que suffisant.
Méthode 1 : Vectr
Un éditeur vectoriel réfléchi par les créateurs du service Pixlr familier. Cet outil sera utile aussi bien aux débutants qu'aux utilisateurs expérimentés travaillant avec SVG.
Malgré l'abondance de fonctions, il sera assez difficile de se perdre dans l'interface Vectr. Pour les débutants, des leçons détaillées et des instructions détaillées sur chacune des composantes du service sont fournies. Les outils de l'éditeur incluent tout ce dont vous avez besoin pour créer une image SVG : formes, icônes, cadres, ombres, pinceaux, prise en charge du travail avec des calques, etc. Vous pouvez dessiner une image à partir de zéro ou télécharger la vôtre.
Les capacités d'exportation incluent également l'une des fonctionnalités les plus distinctives de Vectr : la prise en charge des liens directs vers le projet SVG dans l'éditeur. De nombreuses ressources ne permettent pas de télécharger directement des images vectorielles, mais permettent néanmoins leur affichage à distance. Dans ce cas, Vectr peut être utilisé comme un véritable hébergement SVG, ce que d'autres services ne permettent pas.
Il convient de noter que l'éditeur ne traite pas toujours correctement les graphiques complexes. Pour cette raison, certains projets peuvent s'ouvrir dans Vectr avec des erreurs ou des artefacts visuels.
Méthode 2 : Carnet de croquis
Un éditeur Web simple et pratique pour créer des images SVG, basé sur la plateforme HTML5. Compte tenu de la gamme d'outils disponibles, on peut affirmer que le service est destiné exclusivement au dessin. Avec Sketchpad, vous pouvez créer de belles images bien conçues, mais c'est tout.
L'outil propose une large gamme de pinceaux personnalisables de différentes formes et types, un ensemble de formes, de polices et d'autocollants pour la superposition. L'éditeur vous permet de manipuler entièrement les calques - de contrôler leur placement et leurs modes de fusion. Et bien, en prime, l'application est entièrement traduite en russe, vous ne devriez donc pas avoir de difficultés à la maîtriser.
Méthode 3 : méthode de tirage au sort
Cette application Web est conçue pour les opérations de base avec des fichiers vectoriels. Extérieurement, l'outil ressemble à Adobe Illustrator de bureau, mais en termes de fonctionnalités, tout est beaucoup plus simple ici. Cependant, Method Draw possède également certaines fonctionnalités.
En plus de travailler avec des images SVG, l'éditeur vous permet d'importer des images raster et de créer des images vectorielles basées sur celles-ci. Cela peut être fait en traçant manuellement les contours à l'aide d'un stylo. L'application contient tous les outils nécessaires pour composer des dessins vectoriels. Il existe une bibliothèque étendue de formes, une palette de couleurs complète et la prise en charge des raccourcis clavier.
Method Draw n'est certainement pas adapté à la création de projets vectoriels sérieux - la raison en est le manque de fonctions pertinentes. Mais grâce à l'absence d'éléments inutiles et à un espace de travail bien organisé, le service peut être excellent pour éditer rapidement ou affiner des images SVG simples.
Méthode 4 : Concepteur Gravit
Éditeur de graphiques vectoriels gratuit basé sur le Web pour les utilisateurs avancés. De nombreux concepteurs placent Gravit sur un pied d'égalité avec des solutions de bureau à part entière, comme Adobe Illustrator. Le fait est que cet outil est multiplateforme, c'est-à-dire qu'il est entièrement disponible sur tous les systèmes d'exploitation informatiques, ainsi qu'en tant qu'application Web.
Gravit Designer est en développement actif et reçoit régulièrement de nouvelles fonctionnalités, déjà suffisantes pour l'aménagement de projets complexes.
L'éditeur vous propose toutes sortes d'outils pour dessiner des tracés, des formes, des tracés, des superpositions de texte, des remplissages, ainsi que divers effets personnalisés. Il existe une vaste bibliothèque de figures, d'images thématiques et d'icônes. Chaque élément de l'espace Gravit possède une liste de propriétés qui peuvent être modifiées.
Toute cette variété est « regroupée » dans une interface élégante et intuitive, de sorte que n'importe quel outil soit disponible en quelques clics seulement.
Étant donné que le service est conçu pour un travail à part entière avec des graphiques vectoriels, il peut être recommandé en toute sécurité même aux concepteurs professionnels. Avec Gravit, vous pouvez éditer des graphiques SVG quelle que soit la plateforme sur laquelle vous le faites. Pour l'instant, cette déclaration s'applique uniquement aux systèmes d'exploitation de bureau, mais cet éditeur apparaîtra bientôt sur les appareils mobiles.
Méthode 5 : Janvas
Un outil populaire pour créer des graphiques vectoriels parmi les développeurs Web. Le service contient un certain nombre d'outils de dessin avec des propriétés hautement personnalisables. La principale fonctionnalité de Janvas est la possibilité de créer des images SVG interactives animées à l'aide de CSS. Et en conjonction avec JavaScript, le service vous permet de créer des applications Web entières.
Entre des mains habiles, cet éditeur est un outil vraiment puissant, tandis qu'un débutant, en raison de l'abondance de toutes sortes de fonctions, ne comprendra probablement tout simplement pas de quoi il s'agit.
Oui, l’outil n’est malheureusement pas gratuit. Mais il s’agit d’une solution professionnelle qui n’est pas utile à tout le monde.
Méthode 6 : DrawSVG
Le service en ligne le plus pratique qui permet aux webmasters de créer le plus facilement possible des éléments SVG de haute qualité pour leurs sites. L'éditeur contient une bibliothèque impressionnante de formes, d'icônes, de remplissages, de dégradés et de polices.
À l'aide de DrawSVG, vous pouvez concevoir des objets vectoriels de n'importe quel type et propriétés, modifier leurs paramètres et les restituer sous forme d'images distinctes. Il est possible d'intégrer des fichiers multimédias tiers dans SVG : vidéo et audio provenant d'un ordinateur ou de sources réseau.
Cet éditeur, contrairement à la plupart des autres, ne ressemble pas à un port de navigateur d'application de bureau. À gauche se trouvent les principaux outils de dessin et en haut, les commandes. L'espace principal est occupé par la toile pour travailler avec des graphiques.
Pour concevoir n'importe quelle page Web, vous avez besoin à la fois de graphiques statiques et d'une variété d'éléments animés et interactifs qui, d'une part, rendent les informations qui y sont présentées plus attrayantes et, d'autre part, contribuent à une meilleure perception du matériel.
Les informations graphiques sont transmises beaucoup plus lentement que les informations textuelles et le temps de chargement des images dépend directement de la taille de leurs fichiers graphiques. Un chargement rapide des pages Web nécessite donc une petite taille des images graphiques qui y sont intégrées. Cette dernière est obtenue grâce au choix optimal du format de fichier graphique, ainsi qu'à une optimisation dont la tâche est de trouver un compromis entre la vitesse de chargement de la page et la qualité des images qui y sont présentées. Cependant, les possibilités d'optimisation ne sont pas illimitées et les images de haute qualité ont tendance à être volumineuses. Obtenir des images Web de haute qualité dans de petites tailles reste donc un défi majeur.
Mais la question ne concerne pas seulement la taille et la qualité - développer un design pour une page Web s'avère être une affaire qui nécessite que le concepteur connaisse un large éventail de technologies et de produits logiciels divers, car pour différents types d'informations graphiques, il est nécessaire d'utiliser différents formats de fichiers et différentes technologies pour leur création. Pour les graphiques statiques, les formats GIF, JPG ou PNG sont utilisés, qui peuvent être créés dans une variété de packages graphiques. Pour les objets animés, les formats d'animation GIF et Flash sont utilisés, et ces objets sont développés dans des logiciels spécialisés (spécifiques à chacun de ces types de formats). Les éléments interactifs (survols, liens ImageMap, etc.) sont également, en règle générale, créés dans des applications spécialisées et représentent un ensemble d'images graphiques dont la connexion est établie dans un fichier avec du code HTML qui les complète.
Une solution réussie à ces problèmes pourrait être la transition vers le format graphique SVG (Scalable Vector Graphics scalable vector graphiques), basé sur le langage XML, grâce auquel toute image SVG peut être représentée par un ensemble de lignes de commande (Fig. 1). , et le fichier SVG lui-même peut être ouvert dans n'importe quel éditeur de texte, y compris le Bloc-notes. Cette technologie relativement nouvelle a été initialement développée par Adobe spécifiquement pour le Web et présente aujourd'hui un grand intérêt pour les appareils mobiles, permettant la création de graphiques statiques, animés et interactifs de haute qualité. Il n'est donc pas surprenant qu'il soit activement soutenu par le consortium W3C (http://www.w3.org/Graphics/SVG) en 2003, la norme SVG 1.1 a été adoptée par le W3C comme recommandation et la spécification est SVG 1.2 en cours de développement (http://www.w3.org/TR/SVG12/).
avec l'image correspondante
La technologie SVG permet de combiner du texte, des graphiques, des animations et des composants interactifs dans un seul format et repose sur trois types d'images graphiques : formes vectorielles, images et texte. Les formes, comme c'est l'habitude dans les graphiques vectoriels, sont représentées soit par des contours rectilignes et curvilignes, soit par des primitives graphiques (rectangles, ellipses, etc.), et les dessins sont des images raster importées. De plus, le format SVG prend en charge divers types d'objets animés (rappelant les animations GIF et Flash) et interactifs, tels que les survols, les cartes de liens et d'autres éléments de navigation. Et comme cette norme est basée sur le langage XML, le fichier SVG, ainsi que les éléments destinés à l'affichage visuel, peuvent également contenir diverses métadonnées.
Avantages et inconvénients de l'utilisation du format SVG
L'utilisation du format SVG vous permet de développer des graphiques plus petits, à chargement plus rapide, de haute qualité et polyvalents pour le Web et les appareils mobiles qu'aucun autre format graphique ne peut fournir. Les principaux avantages du format graphique SVG sont les suivants :
- haute qualité des images quelle que soit leur taille, ce qui s'explique par le caractère vectoriel du format SVG. Les images peuvent être indéfiniment réduites ou agrandies sans perte de qualité (Fig. 2) en fonction de la taille de l'écran, ce qui permet d'obtenir des images de haute qualité d'informations graphiques sur différents types d'appareils (ordinateurs de bureau, ordinateurs de poche, etc. ), et permet également d'examiner plus attentivement les détails individuels, ce qui est important, par exemple, lorsque l'on travaille avec des dessins techniques ;
- taille de fichier beaucoup plus petite par rapport aux formats GIF, JPG, PNG et GIF d'animation, et encore plus avec le format Flash. Par exemple, si le fichier GIF testé pour l'article, compressé en mode de compression LZW, faisait 26 Ko, alors la taille du fichier SVG correspondant prenait 1220 octets, et lorsqu'il était compressé au format SVGZ, il n'était que de 685 octets.
Mais ce n'est pas seulement cela. Par rapport aux options traditionnelles de représentation graphique du Web, l’utilisation du format SVG présente de nombreux autres avantages indéniables.
Ainsi, pour les développeurs, les avantages importants sont :
- la possibilité de combiner des éléments statiques, animés et interactifs dans un seul format, ainsi qu'une combinaison d'objets vectoriels et raster ;
- gestion améliorée du texte, y compris le crénage, le texte incurvé et l'utilisation illimitée des polices ;
- un contrôle plus efficace de la précision des couleurs et les possibilités les plus larges d'utilisation de remplissages dégradés, d'ombres, de filtres, etc. haute résolution dans les images Web ;
- le caractère textuel du format SVG et sa prise en charge des feuilles de style en cascade, ce qui simplifie grandement le processus de mise à jour d'un site Internet et permet, si nécessaire, d'y apporter des modifications sans recourir à des programmes spéciaux ;
- intégration avec des bases de données construites sur les normes XML (Extensible Markup Language) et CSS (Cascading Style Sheets), ce qui vous permet d'enregistrer des images SVG dans la base de données et de créer des pages Web dynamiques en les utilisant - différentes selon les plates-formes, les paramètres personnels, etc. ;
- aucun problème d'indexation Les fichiers SVG sont indexés par n'importe quel moteur de recherche (contrairement par exemple aux fichiers SWF).
Les utilisateurs bénéficieront d’un contenu SVG de haute qualité à chargement rapide. De plus, il est possible de copier le texte situé sur l'image SVG, et ainsi de sauvegarder des informations utiles pour vous-même, ainsi que de rechercher du texte dans l'image, ce qui dans certains cas peut être extrêmement nécessaire, par exemple lors de la recherche de le nom souhaité sur une carte ou un dessin.
Cependant, comme d'habitude, outre ses avantages, la technologie SVG présente également des inconvénients, très graves.
- Les images SVG sont mal prises en charge par les fabricants de navigateurs Internet. Par conséquent, pour afficher les graphiques SVG à partir du navigateur, les utilisateurs sont obligés d'installer en plus un plugin tiers offrant cette fonctionnalité, par exemple SVG Viewer d'Adobe. En théorie, ce n'est pas difficile : les plugins correspondants sont faciles à installer, gratuits, de petite taille et peuvent être rapidement téléchargés depuis Internet. En pratique, tout s'avère beaucoup plus compliqué, puisque la plupart des internautes ne connaissent pas l'existence de ces capacités et ne peuvent donc pas visualiser ce type de graphiques ; sans le plugin, ils ne sont tout simplement pas visibles. Cependant, la situation évolue progressivement et, au cours de l'année écoulée, deux principaux développeurs de navigateurs Web ont introduit la prise en charge du format SVG. Au printemps, Opera Software a publié la version 8 du navigateur Opera, qui prend en charge SVG 1.0 Tiny ; dans la version d'Opera 9.0 apparue un peu plus tard, un support partiel du format SVG 1.0 Basic a été implémenté. Le deuxième développeur à inclure le support SVG était The Mozilla Organization. Le module de projet Mozilla SVG, qui permet de visualiser les graphiques SVG de la spécification 1.1, a été inclus dans son navigateur Firefox 1.5. De plus, à la mi-2005, les développeurs du navigateur Safari fonctionnant sur des ordinateurs exécutant Mac OS X ont commencé à travailler activement pour introduire la prise en charge de SVG 1.1 ;
- Comparé à d'autres formats graphiques, le format SVG est encore mal pris en charge par les développeurs de logiciels graphiques, bien que les principaux logiciels graphiques tels qu'Adobe Illustrator, Corel DRAW, etc. vous permettent d'exporter des graphiques vers des fichiers SVG. Bien entendu, les fichiers SVG peuvent être créés dans n'importe quel éditeur de texte, mais cela n'est pas pratique en termes de rapidité et de coût de développement. Il est pratique de modifier un fichier dans un éditeur de texte si nécessaire (ce qui, soit dit en passant, n'est possible que si vous avez une connaissance approfondie de la technologie XML), mais le créer à partir de zéro n'est pas judicieux, car cela nécessitera trop de temps et d'efforts. Pour ce faire, nous avons besoin d'outils simples et pratiques pour le développement visuel rapide de graphiques au format Scalable Vector Graphics avec la possibilité d'éditer le code de programme correspondant à l'image dans le même environnement, mais il existe très peu de produits de ce type et ils ne le sont pas. bien connu.
En conséquence, une situation très triste se présente : de nombreux utilisateurs ne peuvent pas encore visualiser les graphiques SVG en raison du manque de prise en charge dans les navigateurs Web au niveau approprié, les développeurs Web ne développent pratiquement pas de graphiques SVG, aussi attrayants soient-ils, et les développeurs de logiciels n'offrent pas aux concepteurs de sites Web une variété d'applications spécifiquement axées sur SVG. Le résultat est un cercle vicieux : « S'il n'y a pas de contenu, alors les gens n'ont pas besoin d'une implémentation SVG, et s'il n'y a pas d'implémentation, alors il n'y a pas de contenu » c'est exactement ainsi que la situation a été décrite dans l'un des consortiums du W3C. réunions.
Mais vous pouvez regarder la situation de l'autre côté : le support de SVG (bien que pas encore totalement) par deux navigateurs Internet populaires, ainsi que l'intérêt pour la technologie de développeurs célèbres, suggèrent que « la glace s'est brisée » et que SVG a une réelle chance de devenir l'un des formats populaires pour présenter des informations sur le Web. Cette chance augmente en raison de l'intérêt croissant pour la technologie SVG par rapport aux appareils mobiles, où les exigences en matière de taille et de qualité d'image sont beaucoup plus élevées. Opera Software, par exemple, prévoit d'implémenter d'abord la prise en charge complète du format SVG sur les ordinateurs de bureau, puis de le transférer ensuite sur les plates-formes mobiles. Il est donc temps pour les concepteurs de sites Web de réfléchir à l’utilisation du SVG, sinon ils risquent d’être laissés pour compte dans un avenir proche.
Plugins pour visualiser les graphiques SVG
Comme déjà indiqué, pour l'instant, la plupart des utilisateurs devront utiliser l'un des plugins appropriés pour afficher l'intégralité des graphiques SVG dans une fenêtre de navigateur Internet, dont les plus connus sont les modules gratuits Adobe SVG Viewer et Corel SVG Viewer. Le premier d'entre eux, Adobe SVG Viewer, se présente sous la forme d'une application distincte, est compact et pratique, fonctionne sur différentes plates-formes, prend en charge un grand nombre de navigateurs Internet et est donc beaucoup plus populaire parmi les utilisateurs. L'application Corel SVG Viewer est incluse dans le package Corel Smart Graphics Studio, mais est également disponible en logiciel gratuit.
Il existe d'autres options pour visualiser les graphiques SVG ; vous pouvez, par exemple, utiliser les modules correspondants d'Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik), KDE KSVG (http://www.kde.org), etc. Une liste complète des applications permettant de visualiser des images SVG est disponible sur : http://wiki.svg.org/Viewer_Implementations.
Visionneuse Adobe SVG
Développeur: Adobe Systems, Inc.
Taille de distribution : 2,25 Mo
Mode de répartition : logiciel gratuit (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)
Prix: gratuitement
Un travail sous contrôle: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris
Prise en charge du navigateur : Internet Explorer 4.0 ou supérieur, Netscape Navigator ou Communicator 4.5 à 4.78 (sauf 6.x)
Visionneuse Corel SVG
Développeur: Corel Corp.
Taille de distribution : 4,9 Mo
Mode de répartition : logiciel gratuit (le module peut être téléchargé depuis : http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)
Prix: gratuitement
Travail sous contrôle : Windows 98/NT/2000/Me/XP
Prise en charge du navigateur : Microsoft Internet Explorer 5.5 et versions ultérieures, Netscape Navigator ou Communicator versions 4.79, 7.02
Programmes de création de graphiques SVG
Tous les programmes de création de graphiques SVG peuvent être divisés en trois grands groupes. Le premier comprend des packages graphiques bidimensionnels populaires axés sur le travail avec des graphiques vectoriels et vous permettant en même temps d'exporter des images au format SVG. Les plus populaires d'entre eux sont Adobe Illustrator et CorelDRAW ; de plus, une telle exportation à un degré ou à un autre prend en charge de nombreuses autres applications : AutoCAD, Microsoft Visio, etc. Le principal avantage de ce groupe d'applications est qu'elles disposent d'outils avancés pour créer des images vectorielles et vous permettent d'obtenir des effets uniques grâce à l'utilisation de transparence, de remplissages dégradés, de filtres divers, etc. Mais ces applications nécessitent une formation particulière sérieuse et sont donc principalement destinées aux designers professionnels. De plus, elles ne sont généralement pas axées sur la conception SVG (bien qu'elles permettent d'obtenir des graphiques au format Scalable Vector Graphics), tout en offrant une création visuelle et un affichage pratiques des images, ces applications ne permettent pas de les ajuster au niveau du texte. niveau, ce qui est pertinent pour les graphiques SVG. Il est également significatif que la prise en charge du format Scalable Vector Graphics n'y soit pas entièrement implémentée, de sorte que tous les éléments de l'image vectorielle ne peuvent pas être exportés au format SVG sans erreurs.
Le deuxième groupe de produits logiciels est constitué de packages conçus exclusivement pour la création de graphiques SVG. Ils ont beaucoup moins de capacités en termes de développement visuel d'images vectorielles, bien qu'ils incluent tous les outils nécessaires. Mais ils fournissent des outils pratiques pour éditer le code source et vous permettent de travailler avec des objets SVG en parallèle, à la fois visuellement et au niveau du code, et vous pouvez facilement basculer entre ces options pour présenter les informations. Toutes les applications de ce groupe sont très simples et accessibles et ne nécessitent pas beaucoup de temps pour apprendre. De plus, ils ont des distributions relativement petites (par rapport aux applications du premier groupe), ils peuvent donc être achetés via Internet sans aucun problème. Cependant, il existe très peu de programmes dotés de telles capacités, et ci-dessous nous n'en examinerons en détail que quatre qui présentent le plus grand intérêt et sont conçus pour différentes catégories d'utilisateurs. Une liste complète des applications disponibles pour créer des graphiques SVG est disponible sur : http://wiki.svg.org/Design_Tools.
Et enfin, le troisième groupe peut inclure n'importe quel éditeur de texte, y compris un bloc-notes classique. Comme indiqué ci-dessus, le format Scalable Vector Graphics est basé sur le langage XML, qui permet de créer et d'éditer des fichiers SVG au niveau texte dans un éditeur de texte si nécessaire.
Applications graphiques complètes qui vous permettent de créer des graphiques SVG
Adobe Illustrator CS2
Développeur: Adobe Systems, Inc.
Taille de distribution : Version Macintosh 428,9 Mo, version Windows 398,6 Mo
Mode de répartition : shareware (une version de démonstration de 30 jours du package est disponible sur : http://www.adobe.com/products/tryadobe/main.jsp#product=27)
Prix: 665 $
Travail sous contrôle : Windows 2000 avec Service Pack 3 ou Windows XP, Mac OS X versions 10.2.4 à 10.2.7, Java Runtime Environment 1.4.1
À partir de la version 9, Adobe Illustrator (Fig. 3) a implémenté l'importation et l'exportation de fichiers SVG, et à un niveau bien supérieur à celui des applications graphiques similaires. Le package prend en charge toutes les spécifications SVG existantes, les encodages ISO 8859-1, UTF-8 et UTF-16, diverses options d'exportation de texte et vous permet d'exporter des images au format SVG standard et en SVGZ compressé.
Dans les graphiques SVG créés dans son environnement, vous pouvez utiliser des dégradés, de la transparence, ainsi que toute une série d'effets SVG spécialement conçus (Effect=>Filtres SVG) sous forme d'ombres diverses, de flous, etc. Les images avec de tels effets restent clair lorsqu'il est visualisé dans un navigateur Web avec n'importe quel grossissement. En plus des graphiques statiques, Illustrator permet également de créer des graphiques interactifs au format SVG ; à cet effet, une palette spéciale Interactivité SVG est fournie (elle peut être ouverte depuis le menu Fenêtre=>Interactivité SVG), dans laquelle les actions pour les objets interactifs sont précisées. Il convient de noter que travailler sur des éléments SVG interactifs dans Illustrator nécessite une connaissance de Java Script et une compréhension des principes de base de la programmation orientée objet. De plus, en utilisant le format Scalable Vector Graphics dans ce programme, vous pouvez créer des graphiques dynamiques basés sur les données.
Suite graphique CorelDRAW 12
Développeur: Corel Corp.
Taille de distribution taille : 200 Mo
Mode de répartition : shareware (la version démo peut être téléchargée à partir des sites de boutiques en ligne, par exemple sur : http://allsoft.ru/Download.php?ver=17605)
Prix: 290 $ (Allsoft.ru)
Travail sous contrôle : Windows NT/2000/XP
L'application bien connue pour le développement de graphiques vectoriels professionnels, CorelDRAW (Fig. 4), incluse dans CorelDRAW Graphics Suite 12, permet l'importation et l'exportation aux formats SVG et SVGZ à un niveau de base et peut donc être utilisée pour créer des graphiques statiques et interactifs. Graphiques SVG.
vers un fichier SVG dans CorelDRAW
L'application prend en charge les données, attributs et métadonnées non reconnus, et offre également la possibilité de prévisualiser les fichiers SVG dans le navigateur avant de les exporter. De plus, le codage Unicode est possible pour les méthodes de codage UTF-8 et UTF-16 et diverses options d'exportation de texte et d'images bitmap. La dernière version a considérablement amélioré la prise en charge de l'exportation de symboles, de texte, d'ombres, de contours, de calques, d'images binaires intégrées, etc.
Tirage Mayura 4.3
Développeur: Logiciel Mayura
Taille de distribution : 1,3 Mo
Mode de répartition : shareware (version démo http://www.mayuradraw.com/mdraw.zip)
Prix: 39 $
Travail sous contrôle : Windows 95/98/Me/NT/2000/XP
Mayura Draw (Fig. 5), un programme de création de graphiques vectoriels très simple et bon marché conçu pour l'utilisateur général. Les images vectorielles résultantes peuvent être exportées au format SVG si vous le souhaitez, et Mayura Draw peut donc être une solution possible pour développer des graphiques SVG statiques. Le programme prend en charge tous les principaux outils de graphiques vectoriels et vous permet d'obtenir des images vectorielles basées sur des primitives graphiques, des contours linéaires et curvilignes et du texte. La liste de ses capacités comprend des moyens pratiques pour aligner, distribuer et organiser des objets, gérer la transparence, utiliser des guides et des règles pour le placement précis des objets et diverses transformations.
Packages spécialisés pour la création de graphiques SVG
EvolGrafiX XStudio 6.1
Développeur: EvolGrafiX
Taille de distribution : 7,25 Mo
Mode de répartition : http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)
Prix: Licence commerciale à 449 $, licence académique à 249 $
Travail sous contrôle : Windows 2000/XP
Le package professionnel XStudio (Fig. 6) est un outil pratique pour créer divers graphiques SVG pour le Web et les appareils mobiles et offre un contrôle total à la fois sur le projet SVG dans son ensemble et sur les images vectorielles, les animations, les scripts, etc. pratique, possède une interface utilisateur intuitive et facilement personnalisable, fournit une large gamme d'outils, est rapide, vous permet de créer des graphiques SVG de toutes les spécifications existantes et prend en charge tous les styles de graphiques vectoriels évolutifs. Tout cela, combiné à un prix relativement bas pour un forfait professionnel, nous permet de le considérer comme la meilleure solution professionnelle du genre. XStudio est livré avec une documentation détaillée, soutenue par une série de didacticiels, et est facile à apprendre.
Riz. 6. Combiner la création d'images visuelles avec l'édition du code source
dans EvolGrafiX XStudio
L'application dispose de toutes les capacités nécessaires pour créer et traiter des images vectorielles et, à cet égard, est très similaire au package Adobe Illustrator. Dans le même temps, XStudio se concentre directement sur la préparation de graphiques SVG statiques, interactifs et animés et donc, avec les outils classiques pour travailler avec des objets vectoriels, il est complété par des capacités SVG spécifiques. La barre d'outils intégrée du modèle d'objet de document (DOM) fournit une représentation hiérarchique des objets SVG, un éditeur XML pratique vous permet de corriger le code source au niveau du texte et un éditeur de script vous permet de le compléter avec des scripts Java. Le travail avec le code est organisé de manière très pratique : les fragments de code de l'objet sélectionné sont automatiquement mis en surbrillance, il est possible de rechercher du texte et de définir des signets, etc. Toute modification du code est instantanément reflétée dans la fenêtre de visualisation visuelle et les modifications visuelles sont reflétées dans le fenêtre de l'éditeur.
Paysage d'encre
Développeur: IOSN (Réseau International Open Source Réseau International Open Source)
Taille de distribution : 8,7 Mo
Prix: gratuitement
Travail sous contrôle : Windows 9x/NT/2000/XP, Mac OS X, Linux
Inkscape (Fig. 7) est l'éditeur vectoriel le plus prometteur basé sur le modèle Open Source, qui est multiplateforme et constitue un outil puissant pour développer des graphiques conformément à la norme Scalable Vector Graphics. Dans sa fonctionnalité permettant de travailler avec des images vectorielles, ainsi que son interface, Inkscape est très similaire à CorelDRAW. Il prend en charge les canaux alpha, le travail avec des calques, l'utilisation de texte fluide, des remplissages dégradés spectaculaires, un grand nombre de filtres et d'effets, diverses transformations, un travail pratique avec des chemins et des objets, le regroupement d'objets et bien plus encore. Vous pouvez importer des données à partir de fichiers JPEG, PNG et TIFF et les intégrer dans des images SVG.
éditeur Inkscape intégré
Cependant, contrairement à CorelDRAW, Inkscape se positionne comme une application destinée aux concepteurs SVG. Ainsi, outre la création de graphiques visuels classiques, elle offre la possibilité de traiter directement le code XML dans l'éditeur de texte intégré. Le programme est configuré pour enregistrer des images dans des fichiers SVG normaux et compressés, bien qu'elles puissent être converties en formats vectoriels et raster courants si vous le souhaitez.
Le package Inkscape possède une interface russifiée pratique, est facile à apprendre et est livré avec un bon système d'aide, comprenant une variété d'exemples d'utilisation, et en plus, cette application est gratuite - tout cela la rend très attrayante pour un large éventail d'utilisateurs. . Les principaux inconvénients du programme sont sa faible vitesse de fonctionnement et ses exigences accrues en ressources système.
Corel WebDraw
Développeur: Corel Corp.
Taille de distribution : 15,6 Mo
Mode de répartition : shareware (démo de 30 jours http://www5.jasc.com/pub/wdw102ev.exe)
Prix: Version téléchargée à 179 $, version CD à 199 $
Travail sous contrôle : Windows 98/NT4/2000/Me/XP
Corel WebDraw (Figure 8), mieux connu sous le nom de Jasc WebDraw, est une solution complète permettant de créer des graphiques et des animations SVG de haute qualité destinées aux concepteurs professionnels. Et l'interface intuitive du programme le rend attrayant pour un large éventail d'utilisateurs.
L'application fournit un ensemble complet d'outils graphiques standards typiques d'une application graphique vectorielle complète : formes de base (ellipse, rectangle, étoile, etc.), stylo, polygone, polyligne, texte, etc. Outre les objets vectoriels, WebDraw vous permet de compléter les objets SVG avec des images raster externes. En plus des remplissages réguliers et de la superposition de styles prêts à l'emploi, vous pouvez utiliser des dégradés et des remplissages complexes, y compris des motifs créés par vous-même. Pour obtenir des images plus efficaces, vous pouvez utiliser des filtres, à la fois assez simples (flou et ombres) et complexes (texturation et éclairage). Les grilles, les guides et les règles vous aident à placer les objets avec précision, et la barre d'outils DOM (Document Object Model) intégrée présente les objets SVG dans une arborescence hiérarchique pour une gestion facile.
WebDraw est équipé d'une ligne de storyboard d'animation universelle, Animation Timeline, construite sur la base du SVG DOM (Document Object Model), qui vous permet de sélectionner et d'animer presque n'importe quel attribut ou propriété d'un objet de tous types à tout moment. . Le mécanisme de glisser-déposer vous permet d'éditer les points de début et de fin de l'animation, ainsi que la durée de chaque phase d'animation, directement dans la timeline. Étant donné que les temps clés d'animation sont insérés chaque fois que vous définissez des paramètres d'animation pour un attribut ou une propriété d'un objet, ils peuvent être transférés vers d'autres zones du storyboard pour ajuster automatiquement la distribution des effets d'animation au fil du temps.
Le package vous permet de travailler avec des graphiques SVG en deux versions : à la fois avec un ensemble d'objets graphiques affichés visuellement et avec le code source correspondant. La modification du code source dans l'éditeur de texte de fichier SVG intégré offre une flexibilité et un contrôle supplémentaires sur le contenu du fichier. La vérification automatique des modifications apportées au code source permet de garantir le comportement correct des graphiques créés, et les erreurs trouvées sont marquées en couleur, ce qui évite au concepteur des heures de recherche dans des centaines de lignes de code. Le résultat de toute modification du code source est immédiatement affiché à l'écran. Si vous le souhaitez, vous pouvez importer, modifier et optimiser des fichiers SVG créés dans d'autres applications dans WebDraw.
Éditeur SVG Sketsa 3.2.3
Développeur: KIYUT
Taille de distribution : 5,99 Mo
Méthode de distribution: shareware (démo qui ajoute un tag à une image, http://www.kiyut.com/products/sketsa/sketsa.zip)
Prix: 49 $
Un travail sous contrôle: Windows 2000/XP, Java VM (JRE) 1.5 et supérieur (http://www.java.com/getjava), UNIX et Linux
L'application Sketsa (Fig. 9) est l'un des éditeurs SVG les plus populaires et vous permet de créer des graphiques SVG professionnels, y compris l'optimisation au format SVGZ. Le package combine avec succès simplicité et facilité d'utilisation avec un large éventail de fonctionnalités et est compatible avec les systèmes Windows, Mac et Linux.
Sketsa prend en charge un ensemble classique d'outils typiques de toute application vectorielle, vous permettant de créer et de transformer n'importe quel objet vectoriel basé à la fois sur des contours, des primitives graphiques et du texte, qui, si vous le souhaitez, peuvent être facilement complétés par des images raster. Vous pouvez contrôler la transparence, utiliser des remplissages dégradés et des filtres. Tout cela est complété avec succès par des capacités SVG spécialisées, grâce auxquelles n'importe quelle image peut être modifiée non seulement visuellement, mais également en mode texte. Pour modifier le code SVG, le package fournit un éditeur de texte XML intégré. Pour faciliter la gestion des objets, il existe une barre d'outils DOM (Document Object Model) intégrée, qui est un ensemble hiérarchique d'objets arborescents dans un document SVG, qui vous permet de sélectionner n'importe quel objet de document pour modifier ses propriétés.
Les formats vectoriels pour la présentation de graphiques offrent d'énormes opportunités aux concepteurs et aux artistes, mais la présence de nombreux formats propriétaires dans divers éditeurs graphiques crée de sérieuses difficultés lors de l'échange de fichiers.
Cela peut être un réel problème pour vous de convertir, par exemple, le format SVG au format AI ou PDF au format AI afin de pouvoir travailler dans un format familier. Une autre option est possible lorsqu'il vous est demandé de soumettre votre travail dans un format vers lequel votre éditeur graphique ne peut pas exporter, par exemple, vous devrez peut-être convertir le format AI en vecteur SVG. Mais avec notre service, ce n'est pas un problème et nous vous proposons un convertisseur en ligne capable de convertir des graphiques vectoriels des formats suivants : AI, CDR, CDT, CCX, CMX, SVG, FIG, CGM, AFF, WMF, SK, SK1, PLT, DXF, DST, PES, EXP, PCS.
Avec notre service en ligne, vous oublierez que la tâche de convertir un vecteur dans un autre format pourrait poser des difficultés. Pour convertir, par exemple, eps en ai, il vous suffit de sélectionner un fichier sur votre ordinateur ou de spécifier un lien vers celui-ci, puis de sélectionner le format souhaité et de cliquer sur le bouton « convertir ». En quelques secondes, vous pouvez télécharger le vecteur au format requis depuis notre site Web sur votre ordinateur.
Pour convertir des fichiers vectoriels graphiques, notre convertisseur en ligne utilise le package UniConvertor, qui prend en charge la plupart des formats vectoriels. La conversion des fichiers au format vectoriel du package Corel Draw (CDR) est mise en œuvre à l'aide du package graphique LibreDraw, qui fournit un travail de haute qualité avec le format, et vous pouvez vous en familiariser plus en détail en étudiant notre matériel « Conversion de CDR (Corel Draw) ». Vous pouvez également être confronté à la tâche de convertir un raster en vecteur, par exemple, vous devez convertir jpg en ai ou png en ai, ce que vous pouvez également facilement faire sur notre service. Il vous suffit de spécifier une image au format raster comme fichier source, de sélectionner le format vectoriel dont vous avez besoin et notre convertisseur effectuera cette conversion pour vous en quelques secondes. Notre service utilise le logiciel Potrace comme programme de traceur raster à vecteur. Vous pouvez en savoir plus sur les capacités du traceur Potrace dans notre article « Conversion d'une image graphique au format vectoriel ». Avec notre service, vous pouvez toujours convertir librement des images vectorielles entre formats sans vous soucier de l'installation de logiciels supplémentaires sur votre ordinateur.
Formats de graphiques vectoriels pris en charge :
| En lisant: | Entrée: |
|
|
Notes de l'éditeur :
Voici une liste de 5 éditeurs SVG en ligne gratuitsà l'aide duquel vous pouvez visualiser et modifier n'importe quel fichier SVG en toute simplicité. Le fichier SVG est un format d'image vectorielle basé sur XML pour les graphiques 2D et prend également en charge l'interactivité et l'animation (Source : Wikipédia). Ces sites Web sont extrêmement faciles à utiliser et vous font gagner du temps en téléchargeant un logiciel pour afficher et modifier des fichiers SVG.
Tous ces sites Web offrent différents ensembles de fonctionnalités pour vous aider à modifier des fichiers SVG et aucun d'entre eux ne vous demande de vous inscrire. Ouvrez simplement le site Web que vous souhaitez utiliser et commencez à travailler dessus. Outre l'édition, certains d'entre eux vous permettent également de créer un nouveau fichier SVG. Alors, commençons.
1.
Le premier site Web permettant d'éditer des fichiers SVG en ligne est . Il vous permet de créer un nouveau document SVG et d'en modifier un existant. Pour l'édition, vous pouvez également choisir la taille du canevas. Tous les outils d'édition du fichier SVG se trouvent sur le côté gauche. Il comprend des outils tels que l'outil crayon, l'outil stylo, les formes, l'ajout de texte, la fonction de zoom, l'outil compte-gouttes, etc. Il vous permet également de choisir d'afficher le mode d'affichage filaire. Il existe quelques options spécifiques à un élément auxquelles vous pouvez accéder en cliquant avec le bouton droit sur cet élément particulier. Lorsque vous avez terminé l'édition, vous pouvez choisir d'enregistrer le fichier sous forme d'image ou PNG.
2.
Est le deuxième éditeur SVG en ligne hébergé sur Google Code. Il s’agit d’un éditeur SVG très riche en fonctionnalités si l’on pense au fait qu’il est totalement gratuit à utiliser. Il vous permet de télécharger des images depuis un PC et vous pouvez également en créer de nouvelles. Tous les outils d'édition sont sur la gauche et vous pouvez facilement basculer entre les outils en un seul clic. Certains outils sont le stylo, le crayon, le zoom, le texte, la bibliothèque de formes, etc. Il vous permet également de modifier le fichier source et d'appliquer les modifications correspondantes. Quant à l’enregistrement du fichier, vous pouvez l’enregistrer sous forme d’images et de fichier PNG.
Il existe de nombreuses fonctionnalités supplémentaires qui varient en fonction des différents éléments que vous utiliserez lors de l'édition du fichier SVG.
3.
Passons maintenant au troisième éditeur SVG en ligne appelé . Il vous permet d'ajouter un fichier SVG en le téléchargeant depuis un PC, en ajoutant une URL ou via un clipart. Il contient également des exemples de fichiers que vous pouvez utiliser pour tester ses fonctionnalités. Une fois le fichier ajouté, vous pouvez utiliser les outils d'édition en cliquant sur la section spécifique. La section des outils d'édition comprend la sélection, le dessin d'éléments, le dessin de formes, le style de trait, le style de remplissage, le style de texte, le style de marqueur et les options. En cliquant sur la section, vous affichez tous les outils disponibles et vous pouvez les utiliser.
4.
L'avant-dernier éditeur SVG de la liste est . Il vous permet d'ouvrir un fichier SVG depuis un PC ainsi que via le flux RSS OpenClipart. En ouvrant le fichier, vous verrez différents éléments utilisés dans la création du fichier SVG sur le côté gauche. Les commandes permettant de faire pivoter le contenu du fichier et de zoomer/dézoomer se trouvent en haut à droite. Toutes les autres options sont accessibles en cliquant avec le bouton droit sur l'élément. Ces options sont Modifier la géométrie, Modifier la transformation, Supprimer des éléments et Propriétés.
5.
Est le dernier éditeur SVG en ligne de la liste. Il prend en charge le téléchargement de fichiers uniquement depuis un PC. En ouvrant le fichier, vous verrez le contenu du fichier sur le côté droit et toutes les options d'édition sur le côté gauche. Ces options sont l'optimisation, les espaces de noms liés, la suppression des espaces, des éléments, des attributs et des styles. Il vous permet également de visualiser le code source du fichier SVG importé.
Ce sont les 5 éditeurs SVG en ligne gratuits que vous pouvez utiliser pour afficher et modifier facilement des fichiers SVG. Essayez-les pour voir lequel correspond le mieux à vos besoins.
