Comment ouvrir des fichiers SVG: aspects principaux. Comment ouvrir le fichier au format SVG - les meilleurs programmes et rédacteurs en ligne dans quel programme pour ouvrir SVG

Pour l'enregistrement de toute page Web, des graphiques statiques et une variété d'éléments animés et interactifs, qui, d'une part, fournissent une plus grande attractivité des informations présentées à ce sujet et, deuxièmement, contribuent à la meilleure perception du matériel.

les informations rafiques sont transmises beaucoup plus lentement que le texte et le temps de chargement de l'image dépend directement de la taille de leurs fichiers graphiques. Le chargement rapide des pages Web implique une petite taille des images graphiques intégrées à celle-ci. Ce dernier est atteint par une sélection optimale du format de fichier graphique, ainsi que par l'optimisation, dont la tâche consiste à trouver un compromis entre la vitesse de chargement de la page et la qualité des images présentées. Toutefois, les possibilités d'optimisation ne sont pas limitées et des images de haute qualité, en règle générale, ont un volume impressionnant, à la suite de laquelle la réalisation de la haute qualité présentée dans des images Web pendant leurs petites quantités reste un problème grave.

Mais la question est non seulement en taille et à la qualité - le développement de la conception de la page Web s'avère être une affaire nécessitant une connaissance de concepteur d'une large gamme de technologies diverses et de produits logiciels, car pour différents types d'informations graphiques que vous devez utiliser variété de formats de fichiers et diverses 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. Les formats d'animation GIF et Flash sont utilisés pour les objets d'animation et vous développez de tels objets dans des applications logicielles spécialisées (spéciales pour chacun des formats nommés). Les éléments interactifs (Rolovers, cartes de référence ImageMap, etc.) sont également créés dans des applications spécialisées et sont un ensemble d'images graphiques, la relation entre le fichier complémentaire avec le code HTML.

Une solution réussie de ces problèmes peut être la transition vers le format graphique SVG (graphique vectoriel évolutif - graphique vectoriel évolutif), basé sur la langue XML, apportant une image SVG à un ensemble de lignes de commande (Fig. 1) et le fichier SVG elle-même peut être ouverte 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 est aujourd'hui un grand intérêt pour les appareils mobiles, offrant des graphiques statiques, animations et interactifs de haute qualité. Par conséquent, il n'y a rien de 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 dans W3C en recommandant et pour le moment. La spécification est en cours de développement. SVG 1.2 (http://www.w3.org/tr/svg12/).

Avec l'image correspondante

La technologie SVG vous permet de combiner des composants texte, graphiques, animations et interactifs dans un format et repose sur trois types d'images graphiques: formes de vecteur, dessins et texte. Les formulaires, comme il est coutumier dans les graphiques vectoriels, sont représentés par des contours droits et curvilignes, ou des primitives graphiques (rectangles, ellipses, etc.), et les dessins sont des images bitmap importées. De plus, le format SVG prend en charge différents types d'animation (rappelant GIF et animation flash) et des objets interactifs tels que Rolovers, cartes de référence et autres éléments de navigation. Et comme cette norme est basée sur la langue XML, le fichier SVG ainsi que des éléments destinés à l'affichage visuel peuvent également contenir diverses métadonnées.

Application des avantages et des inconvénients du format SVG

L'utilisation du format SVG vous permet de développer pour le réseau et les appareils mobiles plus compacts, de chargement rapide, de graphiques divers de haute qualité, qui ne peuvent fournir aucun autre format graphique. Les principaux avantages du format graphique SVG incluent les éléments suivants:

• images de haute qualité quelles que soient leurs tailles, qui s'explique par la nature vectorielle du format SVG. Les images peuvent nuire ou augmenter sans perte de qualité (Fig. 2) en fonction de la taille de l'écran, ce qui vous permet d'obtenir une image de haute qualité d'informations graphiques sur différents types de périphériques (ordinateurs de bureau, ordinateurs de poche, etc.), ainsi que permet d'envisager soigneusement des parties individuelles. - Ceci est important, par exemple, lorsque vous travaillez avec des dessins techniques;
• une taille de fichier beaucoup plus petite par rapport aux formats GIF, JPG, PNG et animation GIF, et encore plus avec le format flash. Par exemple, si le fichier GIF testé pour l'article, comprimé en mode de compression LZW, était de 26 Ko, la taille du fichier SVG correspondant a pris 1220 octets et lors de la compression au format SVGZ n'était que de 685 octets.

Mais ce n'est pas seulement ça. Par rapport aux options de présentation graphique traditionnelles, l'utilisation du format SVG présente de nombreux autres avantages indiscutables.

Ainsi, pour les développeurs, des avantages importants sont les suivants:

• les possibilités de combiner en un format pour le développement d'éléments statiques, animés et interactifs, ainsi que des combinaisons de vecteurs et d'objets raster;
• amélioration du travail avec du texte, y compris la coupe, le texte sur la courbe et l'utilisation illimitée des polices;
• gestion plus efficace de la précision du transfert de couleurs et des possibilités les plus larges en termes d'utilisation dans les images Web des remplissages de gradient haute résolution, des ombres, des filtres, etc.
• le texte du format SVG et le support des tables de style Cascade, qui simplifie grandement le processus de mise à jour du site Web et vous permet de les modifier sans accéder à des programmes spéciaux si nécessaire;
• intégration avec XML et CSS (feuilles de style en cascade) et CSS (feuilles de style cascade) et CSS (feuilles de style en cascade), qui vous permettent d'enregistrer des images SVG dans une base de données et de créer des pages Web dynamiques avec leur utilisation - diverses plateformes, personnelles Paramètres, etc. d.;
• aucun problème d'indexation - Les fichiers SVG sont indexés par tout moteurs de recherche (en contraste, par exemple, à partir de fichiers SWF).

Les utilisateurs raviront du contenu SVG de haute qualité et de chargement rapide. En outre, il est possible de copier le texte situé sur l'image SVG et de conserver certaines informations utiles pour vous-même, ainsi que de rechercher du texte dans l'image, ce qui peut être extrêmement nécessaire dans certains cas, par exemple lorsque la recherche de le nom souhaité sur la carte ou le dessin.

Néanmoins, comme d'habitude, avec les avantages, la technologie SVG est également consiste et très grave.

• Les images SVG sont mal soutenues par les fabricants de navigateurs Internet. En conséquence, les utilisateurs sont obligés d'installer en outre un plug-in de fabricants tiers, tels que SVG Viewer à partir d'Adobe, pour afficher les graphiques SVG à partir du navigateur. Théoriquement, il est facile - les plugins correspondants sont simples dans l'installation, gratuits, ont un petit volume et vous pouvez les télécharger rapidement sur le réseau. En pratique, tout s'avère être beaucoup plus compliqué, car la plupart des internautes ne réalisent pas l'existence de ces capacités et ne peuvent donc pas voir ce type de graphique - il n'est tout simplement pas visible sans plug-in. Cependant, la situation change progressivement et l'année dernière, deux développeurs de navigateurs Web principaux ont introduit la prise en charge du format SVG. Au printemps, le logiciel Opera a publié la 8ème version du navigateur de l'opéra prenant en charge SVG 1.0 Tiny; En apparaissant un peu plus tard, la version de Opera 9.0 est mise en œuvre une prise en charge partielle du format de base SVG 1.0. L'organisation Mozilla est devenue le deuxième développeur, le module de projet Mozilla SVG publié par elle est activé par le projet Mozilla SVG, fournissant au graphisme SVG 1.1. En outre, au milieu de 2005, les développeurs du navigateur de safari opérant sur des ordinateurs exécutant Mac OS X ont commencé leurs travaux actifs sur la mise en œuvre de la prise en charge de SVG 1.1;
• par rapport aux autres formats graphiques, le format SVG est toujours mal soutenu par les développeurs de logiciels graphiques, bien que des packages graphiques de pointe tels que Adobe Illustrator, Corel Draw, etc., vous permettent d'exporter des graphiques dans des fichiers SVG. Bien sûr, les fichiers SVG peuvent être créés dans n'importe quel éditeur de texte, mais il est inapproprié dans le sens de la rapidité et du développement le plus bas possible. Dans un éditeur de texte, il est pratique de corriger le fichier si nécessaire (qui, au fait, est possible uniquement s'il y a une connaissance approfondie de la technologie XML), mais il est déraisonnable de la créer à partir de zéro, car elle nécessitera une période excessive. et la force. Cela nécessite des outils simples et pratiques pour un développement visuel rapide des graphiques dans le format graphique vectoriel évolutif avec la possibilité de modifier dans le même environnement de l'image de code d'image correspondante, mais de tels produits sont assez connus et ne sont pas assez connus.

En conséquence, il consiste en une situation très triste - de nombreux utilisateurs ne peuvent pas encore voir les graphiques SVG en raison de l'absence de son soutien aux navigateurs Web au niveau approprié, les développeurs Web ne développent pratiquement pas de graphiques SVG, peu importe leur attrait. est et les développeurs ne donnent pas à donner des concepteurs Web sont une variété d'applications orientées sur SVG. En conséquence, il s'avère un cercle fermé: "S'il n'y a pas de contenu, les gens n'ont pas besoin de mise en œuvre SVG, et s'il n'y a pas de mise en œuvre, il n'y a pas de contenu", c'est ainsi que la situation créée sur l'un des Les réunions du consortium W3C ont été décrites.

Mais vous pouvez regarder la situation et, d'autre part: Soutenir SVG (bien que pas intégral) Deux navigateurs Internet populaires, ainsi que l'intérêt pour les développeurs de renommés technologiques, indiquent que «la glace a commencé» et que SVG a une chance réelle de se transformer en l'un des formats populaires pour présenter des informations Web. Cette chance augmente et liée à la croissance de l'intérêt pour la technologie SVG par rapport aux appareils mobiles, où les exigences de la taille et de la qualité des images sont beaucoup plus élevées. Le logiciel Opera, par exemple, suggère d'abord à mettre en œuvre la prise en charge complète du format SVG sur les ordinateurs de bureau et que vous ne le transférez que sur des plates-formes mobiles. Il est donc temps de réfléchir à l'utilisation de SVG et de concepteurs Web - sinon ils risquent dans un proche avenir parmi les retards.

Plugins pour visualiser les graphiques SVG

Comme on l'a déjà noté, tandis que la plupart des utilisateurs de la visualisation des graphiques SVG dans la fenêtre du navigateur Internet devront utiliser l'un des plug-ins appropriés, dont les plus célèbres sont gratuits Adobe Svg Viewer et Corel Svg Viewer Modules. Le premier - Adobe SVG Viewer est fourni sous la forme d'une application distincte, diffère dans la compacité et la commodité, fonctionne sur différentes plates-formes, prend en charge un grand nombre de navigateurs Internet et donc beaucoup plus populaires parmi les utilisateurs. L'application Corel SVG Viewer fait partie du package Smart Graphics Studio de Corel Smart, mais est également disponible en tant que freeware.

Il existe d'autres options de visualisation de graphiques SVG - vous pouvez, par exemple, utiliser les modules appropriés de Packages Amaya (http://www.w3.org/amaya/), Apache Batik (http://xml.apache.org/ BATIK), KDE KSVG (http://www.kde.org) et autres. Une liste complète des applications fournissant des images SVG est donnée à l'adresse suivante: http://wiki.svg.org/viewer_implementations.

Adobe SVG Viewer.

Développeur: Adobe Systems, Inc.

Taille de la distribution: 2,25 Mo

Méthode de distribution: Freeware (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/fr/svgview.exe)

Prix: est libre

Travailler sous contrôle: Windows 95/98 / Me / NT / 2000 / XP, Mac OS 8.6 / 9 / x, Linux, Solaris

Support de navigateur: Internet Explorer version 4.0 et supérieure, Netscape Navigator ou Communicator Versions de 4,5 à 4,78 (sauf les versions 6.x)

Corel SVG Viewer.

Développeur: Corel Corp.

Taille de la distribution: 4.9 Mo

Méthode de distribution: Freeware (module peut être téléchargé à l'adresse suivante: http://www.corel.com/servlet/satellite?pagename\u003dcorel/downloads/Détails&id\u003d1042152917172)

Prix: est libre

Travail en cours d'exécution:Windows 98 / NT / 2000 / ME / XP

Support de navigateur: Microsoft Internet Explorer 5.5 et supérieur, 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, orientés avec des graphiques vectoriels et vous permettant d'exporter des images vers le format SVG. Les plus populaires d'entre eux sont Adobe Illustrator et CorelDRAW; De plus, ces exportations d'une manière ou d'une autre prend en charge de nombreuses autres applications: AutoCAD, Microsoft Visio, etc. Le principal avantage de ce groupe d'applications est qu'ils ont des outils avancés pour créer des images vectorielles et vous permettre d'obtenir des effets uniques à l'aide de l'utilisation. des transparents, des remplissages de gradient, une variété de filtres, etc. Mais ces applications nécessitent une formation spéciale sérieuse et sont donc plus calculées sur des concepteurs professionnels. De plus, ils ne sont pas concentrés sur SVG-Design (bien qu'ils vous permettent de recevoir des graphiques dans des graphiques vectoriels évolutifs) - fournissant une création visuelle et une affichage visuelle et une affichage des images, ces applications ne leur permettent pas de les ajuster sur un niveau de texte , qui est pertinent pour les graphiques SVG. L'essentiel est le fait que la prise en charge du format graphique vectoriel évolutif n'est pas entièrement mise en œuvre, ce qui entraîne tous les éléments d'image vectoriels ne peut être exporté vers SVG sans erreurs.

Le deuxième groupe de produits logiciels constitue des paquets destinés uniquement à créer des graphiques SVG. Ils ont beaucoup moins d'opportunités dans le plan d'images vectorielles de design visuel, bien qu'ils incluent tous les outils nécessaires. Mais ils fournissent des outils pratiques pour la modification du code source et vous permettent de travailler avec des objets SVG en mode parallèle - et en mode visuel, et au niveau du code, et entre ces options de présentation d'informations, vous pouvez facilement changer. Toutes les applications de ce groupe sont très simples et accessibles et ne nécessitent pas beaucoup de temps à maîtriser. En outre, ils ont des distributions relativement faibles en termes de volumes (par rapport aux applications du premier groupe), donc sans problèmes peuvent être achetés via Internet. Cependant, les programmes avec de telles caractéristiques sont un peu et ci-dessous, nous examinerons en détail que quatre, représentant le plus grand intérêt et conçu pour différentes catégories d'utilisateurs. Avec une liste complète d'applications disponibles pour créer SVG-Graphics, vous pouvez trouver à l'adresse suivante: http://wiki.svg.org/design_Tools.

Enfin, dans le troisième groupe, vous pouvez activer tous les éditeurs de texte, y compris le cahier habituel. Comme indiqué ci-dessus, le format graphique vectoriel évolutif est basé sur une langue XML, ce qui vous permet de créer et d'éditer des fichiers SVG sur un éditeur de texte au niveau 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 la distribution: Version Macintosh - 428,9 Mo, version Windows - 398.6 Mo

Méthode de distribution: Shareware (version de démonstration de 30 jours du paquet est disponible à l'adresse suivante: http://www.adobe.com/products/tryAdobe/Main.jsp#product\u003d27)

Prix: 665 dollars

Travail en cours d'exécution: Windows 2000 avec Service Pack 3 ou Windows XP, Mac OS X versions de 10.2.4 à 10.2.7, Java Runtime Environment 1.4.1

À partir de la 9ème version dans Adobe Illustrator (figure 3), les importations et les exportations de fichiers SVG sont mises en œuvre et il est beaucoup plus élevé en comparaison avec des graphismes similaires. Le paquet prend en charge toutes les spécifications SVG existantes, l'encodage ISO 8859-1, UTF-8 et UTF-16, diverses options d'exportation de texte et vous permet d'exporter des images dans le format SVG habituel et du SVGZ compressé.

Dans le graphique SVG créé dans son environnement, les gradients, la transparence, ainsi qu'une série complète d'effets SVG spécialement spécifiés (effet \u003d\u003e filtres SVG) sous la forme de différentes ombres, flou, etc. Images avec de tels effets conservent la clarté lors de la visualisation dans le navigateur Web avec un grossissement. En plus des graphiques statiques, Illustrator vous permet de recevoir et de recevoir des graphiques interactifs au format SVG - à cette fin, une palette spéciale de l'interactivité SVG (elle peut être ouverte à partir de la fenêtre \u003d\u003e Menu d'interactivité SVG) dans laquelle les actions sont défini pour des objets interactifs. Il convient de noter que les travaux sur les éléments SVG interactifs dans le programme d'illustrateur nécessitent une connaissance de la langue de script Java et comprennent les principes de base de la programmation orientée objet. De plus, en utilisant le format de graphique vectoriel évolutif dans ce programme, vous pouvez créer une graphique de données dynamique (graphiques dynamiques entraînées par les données).

Suite graphique CorelDraw 12

Développeur:Corel Corp.

Taille de distributiontiva: 200 Mo

Méthode de distribution: Shareware (version de démonstration peut être téléchargée à partir de sites de magasinage en ligne, par exemple à l'adresse http://allsoft.ru/download.php?ver\u003d17605)

Prix: 290 dollars (allsoft.ru)

Travail en cours d'exécution:Windows NT / 2000 / XP

L'application bien connue pour le développement de graphiques de coreldraw professionnels (Fig. 4), qui fait partie de l'emballage de Suite Graphics 12 CorelDRAW, fournit à l'importation et à l'exportation dans les formats SVG et SVGZ au niveau de la base et peut donc être utilisé pour Créez des graphiques SVG statiques et interactifs.

Dans le fichier SVG à CorelDRAW

L'application implémente la prise en charge des données, des attributs et des métadonnées non reconnues, et permet également de prévisualiser des fichiers SVG dans le navigateur avant d'exporter. En outre, l'encodage Unicode pour les méthodes d'encodage UTF-8 et UTF-16 et diverses options d'exportation de texte et images bitmap sont possibles. Dans la dernière version, la prise en charge de l'exportation de symboles, de textes, d'ombres, de contours, de couches, d'images binaires incorporées, etc., est considérablement améliorée.

Mayura dessine 4.3.

Développeur: Logiciel Mayura.

Taille de la distribution: 1,3 Mo

Méthode de distribution:shareware (version de démonstration - http://www.mayuradraw.com/mdraw.zip)

Prix: 39 $

Travail en cours d'exécution: Windows 95/98 / ME / NT / 2000 / XP

Mayura Draw (Fig. 5) est un programme de création graphique vectoriel très simple et bon marché conçu pour un utilisateur large. Les images vectorielles obtenues en elle peuvent être exportées vers le format SVG. Par conséquent, Mayura Draw peut donc être une solution possible pour développer des graphiques SVG statiques. Le programme prend en charge tous les outils graphiques de base vectoriels et vous permet d'obtenir des images vectorielles basées sur des primitives graphiques, des contours linéaires et curvilignes et du texte. Dans la liste de ses capacités - des moyens pratiques de mise à niveau, de distribution et de rationalisation d'objets, de gestion de la transparence, d'utilisation de guides et de lignes pour un placement précis d'objets et de diverses transformations.

Forfaits spécialisés pour la création de graphiques SVG

Evolgrafix Xstudio 6.1.

Développeur:Evolgrafix.

Taille de la distribution:7,25 Mo

Méthode de distribution: http://www.évolgrafix.de/htdocs/files/trials/xstudio6x/xstudio6-trial.exe)

Prix: 449 $ - Licence commerciale, 249 $ - Licence académique

Travail en cours d'exécution: Windows 2000 / XP

Professional Xstudio Pack (Fig. 6) est un outil pratique pour créer divers graphiques SVG pour les appareils réseau et mobiles et fournit un contrôle complet sur le projet SVG dans son ensemble et au-dessus des images vectorielles, des animations, des scripts, etc. L'application est caractérisée par l'intuitif. Et une interface utilisateur facilement personnalisable fournit une large gamme d'outils, dispose d'une vitesse de travail élevée, vous permet de créer des graphiques SVG de toutes les spécifications existantes et de prendre en charge tous les graphiques vectoriels évolutifs de style. Tout cela en combinaison avec un prix relativement faible pour un package professionnel vous permet de considérer la meilleure solution professionnelle à ce plan. Le package XStudio est livré avec une documentation détaillée, une série complémentaire de cours, et facile à apprendre.

Figure. 6. Combinaison de la création d'images visuelle avec le code source d'édition
À Evolgrafix Xstudio.

L'application dispose de toutes les fonctionnalités nécessaires pour créer et traiter des images vectorielles et dans ce plan ressemble beaucoup au paquet Adobe Illustrator. Dans le même temps, Xstudio est orienté directement à la préparation de graphiques statiques, interactifs et d'animation SVG et, par conséquent, avec des moyens classiques de travail avec des objets vectoriels, est complétée par des capacités SVG spécifiques. La boîte à outils de l'objet de document intégré (DOM) offre une vue hiérarchique des objets SVG, un éditeur XML pratique vous permet de corriger le code source du niveau de texte et que l'éditeur de script est de le compléter avec des scripts Java. Travailler avec le code est organisé très pratique: les fragments du code de l'objet sélectionné sont automatiquement mis en surbrillance, il est possible de rechercher des signets de texte et d'installer des signets, etc. Tout changement de code est instantanément reflété dans la fenêtre Visual Visualisation et les modifications visuelles de la fenêtre de l'éditeur.

Inkscape.

Développeur: IOSN (réseau international open source - réseau ouvert international)

Taille de la distribution: 8,7 Mo

Prix:est libre

Travail en cours d'exécution: Windows 9x / NT / 2000 / XP, Mac OS X, Linux

L'inkscape (Fig. 7) est l'éditeur de vecteurs le plus prometteur basé sur le modèle open source, qui est une multi-plate-forme et un puissant outil de développement de graphiques conformément à la norme graphique vectorielle évolutive. Avec ses caractéristiques fonctionnelles de travailler avec des images vectorielles, ainsi que l'interface, l'inkscape est très similaire à CorelDRAW. Il met en œuvre une prise en charge alpha-canal, travaillant avec des couches, l'utilisation de texte rationalisé, des remplissages de gradient spectaculaires, un grand nombre de filtres et d'effets, une variété de transformation, de fonctionnement pratique avec des contours et des objets, regroupant des objets et bien plus encore. Vous pouvez importer des données à partir de fichiers JPEG, PNG et TIFF et les implémenter dans des images SVG.

Éditeur inkscape intégré

Cependant, contrairement à CorelDRAW, le paquet Inkscape est positionné comme une application pour les concepteurs SVG, ainsi de suite avec la création visuelle classique des graphiques, il est possible de traiter directement le code XML dans l'environnement d'éditeur de texte intégré. Le programme est configuré pour enregistrer des images dans des fichiers SVG classiques et compressés, bien que si vous le souhaitez, vous pouvez convertir en formats de vecteur et de raster communs.

Le package Inkscape est caractérisé par une interface russified pratique, facile à apprendre et est livré avec un bon système de référence qui comprend divers exemples d'utilisation et, en outre, cette application est gratuite - tout cela le rend très attrayant pour un large éventail d'utilisateurs. . Les principaux inconvénients du programme sont ses exigences à basse vitesse et accrues pour les ressources système.

Corel WebDraw.

Développeur: Corel Corp.

Taille de la distribution:15,6 Mo

Méthode de distribution: Shareware (version de démonstration de 30 jours - http://www5.jasc.com/pub/wdw102ev.exe)

Prix: $ 179 - téléchargement-version, 199 dollars - Version CD

Travail en cours d'exécution: Windows 98 / NT4 / 2000 / ME / XP

Corel WebDraw Package (Fig. 8), plus connu sous le nom de JASC WebDraw, est une solution universelle pour créer des graphiques et une animation de haute qualité au format SVG, orienté sur des concepteurs professionnels. Et l'interface intuitive du programme le rend attrayant et pour un large éventail d'utilisateurs.

L'application dispose d'un ensemble complet d'outils graphiques standard caractéristiques de l'application complète de travail avec des graphiques vectoriels: formulaires de base (ellipse, rectangle, étoile, etc.), plume, polygone, polyligne, texte, etc. Outre les objets vectoriels WebDraw vous permet de compléter les objets SVG par des images raster externes. Outre les garnitures conventionnelles et les styles de recouvrement, les gradients complexes, les remplissages, y compris ceux créés en soi, peuvent être utilisés. Pour obtenir des images plus spectaculaires, vous pouvez utiliser des filtres - à la fois assez simple (impatience de flou et d'ombre) et complexe (texturation et éclairage). Pour placer avec précision des objets, des grilles, des guides et des règles sont destinés, et la boîte à outils du modèle d'objet de document intégré représente des objets SVG sous la forme d'un arbre hiérarchique, qui simplifie considérablement le contrôle.

WebDraw est équipé d'une ligne universelle d'animation de chronologie d'animation de tir, qui repose sur la base du modèle d'objet SVG DOM (modèle d'objet de document), qui vous permet de sélectionner et d'animer presque tout attribut ou propriété de l'objet de tous types à à toute heure. Le mécanisme de glisser-déposer vous permet de modifier directement dans la ligne de montage, les points de point initiaux et finaux de l'animation, ainsi que la durée de chaque phase d'animation. Étant donné que les points d'animation clés (clé) sont insérés à chaque fois que les paramètres d'animation sont définis pour les propriétés d'attribut ou d'objet, elles peuvent être transférées vers d'autres poêles afin d'ajuster automatiquement la distribution des effets d'animation à temps.

Le paquet 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 approprié. Modification du code source dans l'éditeur de texte intégré des fichiers SVG fournit une flexibilité et un contrôle supplémentaires sur le contenu des fichiers. La vérification automatique des modifications apportées au code source aide à assurer le comportement garanti du comportement des graphiques créés et les erreurs résultantes sont marquées par la couleur, qui élimine le concepteur de nombreuses heures de recherche parmi des centaines de lignes de code. Le résultat de tout changement dans le code source est immédiatement affiché à l'écran. Si vous le souhaitez en webDraw, vous pouvez importer, éditer et optimiser les fichiers SVG créés dans l'environnement d'autres applications.

SKETSA SVG Editor 3.2.3

Développeur:Kiyut.

Taille de la distribution:5,99 Mo

Méthode de distribution: Shareware (version de démonstration ajoutant une étiquette à l'image - http://www.kiyut.com/products/sketsa/sketsa.zip)

Prix: 49 $

Travailler sous contrôle: Windows 2000 / XP, Java VM (JRE) 1.5 et plus (http://www.java.com/getjava), Unix et Linux

L'application SketSa (Fig. 9) fait référence aux éditeurs SVG les plus populaires et vous permet de créer des graphiques SVG professionnels, y compris l'optimisation SVGZ. Le paquet combine avec succès la simplicité et la commodité de travailler avec une large gamme de fonctionnalités et est compatible avec les systèmes Windows, Mac et Linux.

Sketsa prend en charge une caractéristique de jeu classique de n'importe quelle application vectorielle qui vous permet de créer et de transformer des objets vectoriels basés sur les contours et les primitives graphiques et le texte qui, si vous le souhaitez, est facile à ajouter des images raster. Il est possible de contrôler la transparence, de l'utilisation de remplissages et de filtres à gradient. Tout cela est complété avec succès par des capacités SVG spécialisées, grâce à laquelle une image peut être modifiée non seulement visuellement, mais également en mode texte. Pour modifier le code SVG, un éditeur de texte XML intégré est fourni dans l'emballage. Pour la commodité de la gestion des objets, il existe une boîte à outils d'objet de document intégrée (DOM), qui est un ensemble hiérarchique d'objets dans le document SVG, ce qui vous permet de sélectionner n'importe quel objet de document pour modifier ses propriétés.

La plupart des éditeurs graphiques populaires vous permettent d'enregistrer des images dans plusieurs formats. Si le programme fonctionne avec des graphiques raster, des formats raster sont proposés pour enregistrer des fichiers, si avec un vecteur, puis, respectivement, des formats de vecteur. Cependant, il existe des éditeurs raster qui prennent en charge les exportations de dessins dans les formats vectoriels et mixtes. Telle, par exemple, Adobe Photoshop, capable d'exporter le dessin dans SVG - un format assez courant capable de stocker des graphiques raster et vectoriels.

Quel genre de format SVG et où utilisé

Développé en 2001 par le World Wide Web Consortium, le format SVG n'est pas un document totalement ordinaire. Il est basé sur les langages de balisage VML et PGML, c'est-à-dire qu'il s'agit essentiellement d'un fichier texte. Dans ce cas, les éditeurs et les navigateurs interprètent SVG comme une image pouvant être à la fois statique et animée. Être le plus courant des autres formats destinés à stocker des graphiques vectoriels, actuellement SVG est activement utilisé pour stocker et distribuer des images vectorielles et mélangées sur Internet.

Comme tous les formats, SVG a ses avantages et ses inconvénients. Le premier est l'évolutivité sans perte de qualité, de poids relativement faible, la possibilité d'intégrer dans PNG, des documents GIF SVG, du GIF, des images JPG, de la modification (avec une expérience appropriée) dans les éditeurs de texte, de l'indexation par des robots de recherche, du support pour l'animation et la prévalence. Les avantages du format doivent également inclure une bonne compressibilité, une ouverture et une adaptabilité.

D'autre part, SVG hérite des défauts avec toutes les personnes résultantes. Le format est mal adapté à la création d'objets complexes, car les fichiers SVG "gagnent" du poids si consistent en une variété de petites pièces. De plus, pour afficher les images, les programmes doivent lire l'ensemble du document, ce qui rend difficile l'utilisation du format dans les applications cartographiques. Parmi les inconvénients du format, nous notons le navigateur croisé relativement faible et l'absence de support au moins minimal pour les graphismes en trois dimensions.

Les meilleurs éditeurs pour travailler avec des fichiers SVG

Comme déjà mentionné, vous pouvez modifier le fichier SVG dans l'éditeur de texte habituel, mais pour cela, vous devez avoir des connaissances spécifiques. Il est beaucoup plus pratique et plus efficacement engagé des éditeurs de graphiques vectoriels.

Adobe Illustrator

L'outil le plus fonctionnel est parfait pour le rôle de l'éditeur SVG. Adobe Illustrator a un ensemble impressionnant d'outils pour travailler avec des graphiques vectoriels et combinés. Il vous permet de créer et d'éditer des croquis simples et des illustrations artistiques complexes. Lorsque vous travaillez avec le format SVG, l'éditeur permet d'utiliser des couches et des langages de scénario, l'utilisation d'effets spéciaux.

Boxy svg.

Vous pouvez également ouvrir les images SVG à l'aide d'une application SVG boxy conçue pour fonctionner avec ce format. Cet éditeur est largement inférieur à Adobe Illustrator, mais vous trouverez tous les outils de base pour créer et éditer les images SVG. L'application prend en charge Travailler avec des figures et des objets, importations de polices et de photos de formats populaires, en fonctionnant avec la bibliothèque Pixabay, afficher et éditer le code source SVG et CSS. Le programme Boxy SVG est disponible en tant que service en ligne et en tant qu'application pour Windows 10, MacOS et Chrome OS.

Vectry.

Comment ouvrir le fichier SVG encore? Pour travailler avec des fichiers de ce type, il existe un programme Vectro, il est très bon de faire face aux tâches d'édition qui lui sont attribuées. L'annexe présente de telles fonctions comme une modification des parties individuelles de l'image vectorielle, qui travaillent avec des couches, d'ajouter du texte et des primitives, d'appliquer des effets (par exemple, la transparence, l'accident vasculaire cérébral, l'ombre externe et interne), l'utilisation de gradients, stylo, lignes et autres outils. L'utilitaire Vectrr est gratuit, il existe des versions pour Windows, Linux et Chrome OS.

Inkscape.

Contrairement aux deux programmes précédents, l'inkscape n'a pas besoin d'une représentation spéciale. Cet éditeur puissant et totalement gratuit peut également être utilisé pour l'édition et créer des graphiques vectoriels de toute complexité, allant des icônes SVG et se terminant par des illustrations à part entière. Le programme Inkscape peut fonctionner avec des contours, du texte, des marqueurs, des couches et des canaux, des gradients et des textures. Vectorisation graphique de fond, la gestion des couleurs SVG et beaucoup plus sont prises en charge.

À propos, vous pouvez modifier la couleur SVG en modifiant le code source du fichier, mais pour cela, vous devez avoir au moins une vue de base sur la langue et les codes de couleur CSS. Lors de la modification, par exemple, le paramètre Style dans le code sélectionné dans la capture d'écran, nous avons remplacé la couleur blanche au rouge. Et bien sûr, bien sûr, si vous pouvez éditer SVG, puis l'encre et les programmes similaires à celui-ci.

Comment ouvrir SVG Online

Si vous avez besoin d'un éditeur SVG en ligne, utilisez les versions Web Boxy SVG, VectrR et Inkscape Software. Un ensemble fonctionnel de telles éditions est presque un à un, comme des options de bureau. L'application Inkscape, par exemple, peut être exécutée dans le cadre du projet www.rolapp.com/app/inksape.

Si vous recherchez quelque chose de plus facile, essayez l'éditeur de vecteur de Sketchpad en ligne disponible sur Sketch.io/sketchpad. L'actif de Sketchpad a de tels outils tels que des brosses, des lignes, des flèches, des primitives, des cliparts, des plumes, de la craie, de l'aérographe, de remplissage, etc. Il y a du travail avec des couches, des palette et des gradients.

Mais pour créer des images SVG "à partir de zéro", le service n'est pas suffisant, bien que la fonction de dessin arbitraire soit soutenue par eux. A axé l'éditeur des utilisateurs novices, vous pourrez donc le comprendre facilement.

Convertisseurs SVG en PNG

Affichez le fichier SVG sous forme d'image normale, vous pouvez simplement le faire glisser dans la fenêtre du navigateur, mais il arrive également que le document SVG doit être converti en format graphique plus abordable et plus familier, par exemple, PNG. S'il y a beaucoup de fichiers convertibles, il est logique d'utiliser le péage libre Svg2png.vous permettant de convertir SVG dans PNG en mode batch. Pour convertir le SVG dans PNG, exécutez l'utilitaire, faites glisser les fichiers vectoriels dans sa fenêtre, cliquez sur «Démarrer» et obtenez le résultat.

Nom complet du format SVG - Graphiques vectoriels évolutifs. En substance, il s'agit d'un document texte avec un marquillage XML, qui peut être visualisé à l'aide de l'application Notepad ++. Il a été développé à l'origine comme format d'images vectorielles destinées à être utilisées sur des sites Web, mais bientôt balançant et "dans la vie normale". En plus des graphiques statiques, il existe un support animé. L'image est composée de plusieurs chiffres pouvant être déplacés, groupe, appliquer des masques, des filtres, des effets.

Comment ouvrir un fichier avec l'extension SVG

1. - Application de visualisation de l'image gratuite puissante. Il dispose d'un ensemble de base d'édition de photographie - il vous permet d'imposer des effets, de changer de contraste, de saturation de certaines couleurs. Plus de 50 formats sont pris en charge, l'application a une interface claire et simple.


2. - CorelDRAW analogique libre. Il a une interface simple et une grande fonctionnalité. Vous permet de visualiser, modifier et créer des images vectorielles et bitmap. Une excellente fonctionnalité travaille avec des clones, grâce à laquelle vous pouvez créer divers modèles complexes.


3. - Navigateur gratuit, qui est une application de surf universelle sur Internet, le développement Web, en écoutant de la musique et de regarder la vidéo, et bien plus encore. Il possède une interface simple et une fonctionnalité large se développe facilement avec des plug-ins. Il dispose d'un algorithme de vérification des fichiers téléchargés, a une liste de sites non souhaités.


4. - Navigateur gratuit. Il possède une interface simple et intuitive, dans les dernières versions, le cardinal de l'interface a souffert. Comme tout navigateur moderne dispose d'un chargeur de fichiers intégré, vous pouvez jouer de la vidéo et de l'audio, de voir les images.


5. - Navigateur gratuit, qui est plutôt populaire parmi les utilisateurs des pays de la CEI. Jusqu'à ce qu'un certain moment ait été considéré comme le navigateur le plus rapide. Vous permet de visualiser des vidéos et des images, à écouter de l'audio, d'antivirus intégré pour vérifier les fichiers téléchargés, dispose d'un panneau Express Personnalisé, qui peut accueillir les sites les plus fréquemment visités.


6. - Éditeur de photos gratuitement orienté raster, mais aussi soutenu et vecteur. Les couches, les masques, les effets, le changement de luminosité et la saturation de certaines couleurs sont supportés. L'interface d'application est simple et compréhensible, vous pouvez en faire un à un comme dans Adobe Photoshop.

SVG (Scalable Vector Graphics) est un fichier graphique vectoriel à l'échelle avec des fonctionnalités très larges écrites dans le balisage XML. Découvrons, avec lesquelles des solutions logicielles vous pouvez afficher le contenu des objets avec cette expansion.

Étant donné que les graphiques vectoriels évolutifs sont un format graphique, il est naturel que la visualisation de ces objets est prise en charge, d'abord des téléspectateurs d'images et des éditeurs graphiques. Mais, assez étrangement, des vues d'image encore rares font face à la tâche d'ouvrir SVG, ne s'appuyant que sur leur fonctionnalité intégrée. De plus, les objets du format étudié peuvent être visionnés en utilisant certains navigateurs et un certain nombre d'autres programmes.

Méthode 1: Gimp

Tout d'abord, réfléchissez à la manière de visualiser les dessins du format étudié dans l'éditeur graphique gratuit Gimp.

Méthode 2: Adobe Illustrator

Le programme suivant qui peut afficher et modifier les images du format spécifié est Adobe Illustrator.

Méthode 3: XnView

Examen des téléspectateurs d'images travaillant avec le format étudié, nous commencerons par le programme XNView.

Il y a une autre occasion de voir le SVG dans XnView. Il est réalisé en utilisant le navigateur intégré.

Méthode 4: IRFANView

La visionneuse d'images suivante, sur l'exemple dont nous examinerons le type de dessins étudié, est une vision irfaque. Pour afficher le SVG dans le programme nommé, le plugin DLL d'image CAO est également requis, mais contrairement à XnView, il n'est pas initialement installé dans l'application spécifiée.

Image dans ce programme, vous pouvez afficher la méthode de dessin d'un fichier de "Explorateur" Dans la coque IRFANView.

Méthode 5: OpenOffice Draw

SVG peut également être visualisé à partir de l'application Draw de OpenOffice Office.

En outre, l'image peut être visualisée en faisant glisser le fichier sur la coque de départ OpenOffice.

Vous pouvez commencer à partir de la coquille de tirage.

Méthode 6: LibreOffice Draw

Prend en charge l'affichage des graphiques vectoriels évolutifs et un concurrent OpenOffice - The LibreOffice Office Package, qui dans sa composition dispose également d'une application pour éditer des images appelées Draw.

Une autre méthode d'ouverture permet de faire glisser le fichier du gestionnaire de fichiers sur la coque de départ de LibreOffice.

Également en LibreOffice, ainsi que sur le logiciel décrit précédemment, vous pouvez afficher le SVG et via la coquille de tirage.

Méthode 7: Opéra

SVG peut être visualisé dans un certain nombre de navigateurs, dont le premier s'appelle Opera.

Méthode 8: Google Chrome

Le navigateur suivant qui peut afficher SVG est Google Chrome.

Méthode 9: Vivaldi

Le navigateur Web suivant, sur l'exemple dont on considérera la possibilité de regarder SVG, est Vivaldi.

Méthode 10: Mozilla Firefox

Nous définissons comment afficher SVG dans un autre navigateur populaire - Mozilla Firefox.

Méthode 11: Maxthon

Belle façon inhabituelle, vous pouvez voir le SVG dans le navigateur Maxthon. Le fait est que dans ce navigateur Web, l'activation de la fenêtre d'ouverture est en principe impossible: ni via des éléments graphiques de contrôle, ni en appuyant sur les touches chaudes. La seule option à afficher le SVG consiste à rendre l'adresse de cet objet dans la barre d'adresse du navigateur.

Bien sûr, cette option de découverte localement située sur le disque dur des dessins vectoriels est beaucoup plus en augmentation et plus difficile que les autres navigateurs.

Méthode 12: Internet Explorer

Considérez les options permettant de visualiser également le SVG sur l'exemple d'un navigateur standard pour les systèmes d'exploitation de la ligne de commutation Windows 8.1 sur Windows 8.1 Inclusive - Internet Explorer.

Malgré le fait que le SVG est un format d'images vectorielles, la plupart des téléspectateurs d'images modernes ne savent pas comment l'afficher sans installer des plug-ins supplémentaires. De plus, tous les éditeurs graphiques ne fonctionnent pas avec ce type d'images. Mais presque tous les navigateurs modernes peuvent afficher ce format, car il était à la fois créé, tout d'abord, pour accueillir des images sur Internet. True, seuls les navigateurs sont possibles dans les navigateurs et ne pas éditer d'objets avec l'extension spécifiée.

Il y a beaucoup de formats pour les images, mais tous sont divisés en deux grandes classe - raster et vecteur. Les premiers sont principalement utilisés pour divers graphiques complexes et détaillés, tels que des photos. En eux, chaque pixel est le plus petit élément, peut avoir sa propre couleur, et dans le fichier, en général, les couleurs sont simplement enregistrées pour chaque point d'image. Bien entendu, différentes méthodes sont utilisées pour presser la taille des informations et de nombreux formats rasters - BMP, PNG, JPG et autres. Habituellement, la meilleure efficacité montre JPG, car elle allume un petit fichier avec un détail assez bon. Mais il a une faille - perte d'informations lors de la compression des informations. Par conséquent, si vous réduisez la taille du fichier, la détérioration de l'image se produit.

Travailler avec des fichiers SVG.

Oui, avec une augmentation de ces photos, les pixels deviennent visibles. Les formats de vecteur fonctionnent tout à fait sur un autre principe. Ils utilisent des lignes, des segments, des chiffres, qui sont décrits par des formules mathématiques. Tout espace qui est limité par eux peut être versé avec une couleur ou un gradient. En conséquence, il éteint une image qui n'est pas attachée aux dimensions spécifiques - il peut être facilement compressé ou étiré à des tailles énormes sans perte de qualité. Un de ces formats de vecteur est SVG. Et cela devient de plus en plus populaire, en particulier dans un environnement de développement Web.

Description générale de l'expansion

Type de fichier SVG - Abréviation des graphiques vectoriels évolutifs, c'est-à-dire des graphiques vectoriels évolutifs. Pour décrire l'image, les langages de balisage VML et PGML sont utilisés. En fait, il s'agit d'un document texte dans lequel les coordonnées des sommets et des lignes qui les passent sont décrites pour chaque figure, ainsi que les couleurs d'éléments différents. La première version de ce format a été publiée en 2001 et la deuxième version est activement développée. C'est-à-dire que c'est prometteur et développe. L'un des avantages est une petite taille de fichier dans laquelle des dessins assez complexes peuvent être enregistrés. Par conséquent, de plus en plus d'icônes, de pictogrammes, de logos et d'autres éléments de sites sont utilisés dans ce format et non au raster. Il accélère le chargement du site. Les capacités uniques du format SVG incluent l'interactivité et l'animation. Le premier permet à la photo de répondre aux actions de l'utilisateur, par exemple, en cliquant sur la souris ou déplacez certains éléments. L'animation vous permet de créer des scénarios assez complexes. Tous ensemble vous permet de créer des éléments graphiques très beaux et vivants pour les sites. Ils peuvent même être intégrés aux images raster conventionnelles dans PNG, JPG et d'autres formats.

Comment ouvrir le fichier SVG

Sur Internet, vous pouvez trouver beaucoup de telles images sur les photoces, y compris GRATUITEMENT. Ils sont créés dans Adobe Photoshop Graphics Editors, Illustrator, Corel Draw, et d'autres. Mais la question se pose - que d'ouvrir le format SVG. Après tout, les outils Windows intégrés ne montrent pas les images les contenant. Bien que vous puissiez même modifier SVG dans un éditeur de texte, par exemple, dans un ordinateur portable, car il s'agit d'un document texte, mais pour cela, vous devez avoir une connaissance considérable dans les langues de balisage. Vous pouvez ouvrir le fichier SVG dans le programme dans lequel il est créé ou dans n'importe quel autre éditeur graphique prenant en charge ce format. Le plus populaire:

Bien sûr, ces noms, la liste des programmes de travail avec des graphiques vectoriels n'est pas épuisée. Il y en a beaucoup, y compris l'éditeur Adobe Photoshop le plus populaire peut enregistrer des images comme des vecteurs et dispose d'un plugin pour les ouvrir. N'oubliez pas de l'éditeur de graphisme vectoriel de Corel Track le plus populaire, qui peut être appelé le plus populaire.

Que peut causer des problèmes avec le fichier

Windows conventionnels et de nombreux autres systèmes d'exploitation, les fichiers SVG ne s'ouvrent pas. Pour voir leur contenu et encore plus pour les éditer, vous devez installer n'importe quel éditeur graphique avec le support de ce format.