Comment ouvrir des fichiers SVG : aspects de base. Format graphique SVG et où il est utilisé
SVG (Scalable Vector Graphics) est un fichier graphique vectoriel évolutif très riche écrit dans le langage de balisage XML. Découvrons quelles solutions logicielles peuvent être utilisées pour visualiser le contenu des objets avec cette extension.
Étant donné que Scalable Vector Graphics est un format graphique, il est naturel que la visualisation de ces objets soit principalement prise en charge par les visionneuses d'images et les éditeurs graphiques. Mais, curieusement, des visionneuses d'images encore rares font face à la tâche d'ouvrir SVG, en s'appuyant uniquement sur leurs fonctionnalités intégrées. De plus, les objets du format étudié peuvent être visualisés à l'aide de certains navigateurs et d'un certain nombre d'autres programmes.
Méthode 1 : Gimp
Tout d'abord, voyons comment visualiser les dessins du format étudié dans un éditeur graphique gratuit.
Méthode 2 : Adobe Illustrator
Le prochain programme capable d'afficher et de modifier des images du format spécifié est.
Méthode 3 : XnView
Nous commencerons notre examen des visionneuses d'images qui fonctionnent avec le format que nous étudions avec le programme.
Il existe une autre option pour afficher SVG dans XnView. Cela se fait à l'aide du navigateur intégré.
Méthode 4 : IrfanView
La visionneuse d'images suivante, à l'aide de l'exemple dont nous examinerons la visualisation du type de dessins étudiés, est la suivante. Pour afficher SVG dans le programme nommé, le plugin CAD Image DLL est également requis, mais contrairement à XnView, il n'est pas initialement installé dans l'application spécifiée.
Vous pouvez visualiser l'image dans ce programme en faisant glisser le fichier depuis "Conducteur" dans le shell IrfanView.
Méthode 5 : dessiner OpenOffice
L'application Draw de la suite bureautique peut également visualiser les fichiers SVG.
Vous pouvez également afficher l'image en faisant glisser le fichier dans le shell de démarrage d'OpenOffice.
Vous pouvez également le lancer via le shell Draw.
Méthode 6 : Dessiner LibreOffice
Scalable Vector Graphics est également pris en charge par son concurrent OpenOffice, une suite bureautique qui comprend également une application d'édition d'images appelée Draw.
Une autre méthode d'ouverture consiste à faire glisser le fichier du gestionnaire de fichiers vers le shell de démarrage de LibreOffice.
Également dans LibreOffice, comme le progiciel précédent que nous avons décrit, vous pouvez afficher SVG via le shell Draw.
Méthode 7 : Opéra
SVG peut être visualisé dans un certain nombre de navigateurs, dont le premier s'appelle .
Méthode 8 : Google Chrome
Le prochain navigateur capable d'afficher SVG est .
Méthode 9 : Vivaldi
Le prochain navigateur Web, qui sera utilisé comme exemple pour visualiser la possibilité de visualiser SVG, est .
Méthode 10 : Mozilla Firefox
Déterminons comment afficher SVG dans un autre navigateur populaire - .
Méthode 11 : Maxthon
D'une manière plutôt inhabituelle, vous pouvez visualiser SVG dans un navigateur. Le fait est que dans ce navigateur Web, l'activation de la fenêtre d'ouverture est fondamentalement impossible : ni via des commandes graphiques, ni en appuyant sur des touches de raccourci. La seule option pour visualiser le SVG est de saisir l'adresse de cet objet dans la barre d'adresse du navigateur.
Bien entendu, cette option d'ouverture de dessins vectoriels situés localement sur votre disque dur est beaucoup plus gênante et compliquée que les autres navigateurs.
Méthode 12 : Internet Explorer
Examinons également les options d'affichage de SVG en utilisant l'exemple d'un navigateur standard pour les systèmes d'exploitation Windows jusqu'à Windows 8.1 inclus - .
Bien que SVG soit un format d'image vectorielle, la plupart des visionneuses d'images modernes ne peuvent pas l'afficher sans installer des plugins supplémentaires. De plus, tous les éditeurs graphiques ne fonctionnent pas avec ce type d’image. Mais presque tous les navigateurs modernes peuvent afficher ce format, car il a été créé principalement pour publier des images sur Internet. Certes, dans les navigateurs, il est uniquement possible d'afficher, et non de modifier, les objets portant l'extension spécifiée.
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. Par conséquent, obtenir des images Web de haute qualité dans de petites tailles reste 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 peut être la transition vers le format graphique SVG (Scalable Vector Graphics graphiques vectoriels évolutifs), 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 est 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/), d'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
Promoteur: 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
Promoteur: 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 spéciale sérieuse et sont donc principalement conçues pour des designers professionnels. De plus, ils ne sont généralement pas axés sur la conception SVG (bien qu'ils 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
Promoteur: 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 aux formats SVG standard et 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
Promoteur: 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
Promoteur: 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) est 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 outils graphiques vectoriels de base 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
Promoteur: 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 DOM (Document Object Model) intégrée 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
Promoteur: 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 les 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
Promoteur: 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, l'Animation Timeline, qui est 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. temps. 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
Promoteur: 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.
Annonce
Format de fichier d'image vectorielle SVG
Les fichiers SVG sont des images vectorielles 2D basées sur XML. Les spécifications du format SVG sont ouvertes aux tiers. Ils ont été développés par le World Wide Web Consortium (W3C). Le format SVG prend en charge l'interactivité et l'animation et permet aux utilisateurs de rechercher, d'indexer et de compresser des images. Bien que les éditeurs de texte puissent ouvrir, créer et modifier des fichiers SVG car il s'agit de fichiers XML, les programmes les plus populaires pour créer de tels fichiers sont les éditeurs graphiques. La plupart des navigateurs Web prennent en charge l'affichage des fichiers SVG dans une certaine mesure. De plus, les fichiers SVG permettent une compression des données sans perte. Ils peuvent contenir des images raster, vectorielles ainsi que du texte. En 2001, SVG Mobile a été lancé avec la version 1.1, qui permettait aux utilisateurs d'appareils mobiles d'ouvrir et de visualiser des fichiers SVG.
Informations techniques sur les fichiers SVG
Le format SVG définit l'utilisation de graphiques vectoriels pour une utilisation en ligne utilisant le format XML. La mise à l'échelle et le redimensionnement n'affectent pas la qualité de l'image. Toutes les parties et sections des fichiers SVG peuvent être animées. Les standards du W3C (dont DOM et XSL) sont inclus dans le format SVG comme recommandé par le consortium W3C. Contrairement aux images raster, les graphiques vectoriels (en particulier les fichiers SVG) sont constitués d'ensembles fixes de formes, ce qui leur permet d'être agrandis et mis à l'échelle sans perte de qualité. Les fichiers SVG vous permettent d'utiliser des éléments graphiques complexes ; Ils sont également compatibles avec les styles CSS, ce qui permet un niveau plus élevé de post-édition.
