Υπάρχουν πολλές μορφές εικόνας, αλλά όλες χωρίζονται σε δύο μεγάλες κατηγορίες - ράστερ και διανυσματικά. Τα πρώτα χρησιμοποιούνται κυρίως για διάφορα πολύπλοκα και λεπτομερή γραφικά, όπως η φωτογραφία. Σε αυτά, κάθε pixel, το μικρότερο στοιχείο, μπορεί να έχει το δικό του χρώμα και το αρχείο, γενικά, απλώς αποθηκεύει τα χρώματα για κάθε σημείο της εικόνας. Φυσικά, χρησιμοποιούνται διαφορετικές μέθοδοι για τη συμπίεση του μεγέθους των πληροφοριών και από αυτό υπάρχουν πολλές μορφές ράστερ - bmp, png, jpg και άλλες. Συνήθως το jpg δείχνει την καλύτερη απόδοση, αφού παράγει ένα μικρό αρχείο με αρκετά καλή λεπτομέρεια. Αλλά έχει ένα μειονέκτημα - απώλεια πληροφοριών κατά τη συμπίεση πληροφοριών. Επομένως, εάν μειώσετε το μέγεθος του αρχείου, η εικόνα αλλοιώνεται.

Εργασία με αρχεία SVG.

Και όταν μεγεθύνετε τέτοιες φωτογραφίες, τα pixel γίνονται ορατά. Οι διανυσματικές μορφές λειτουργούν με εντελώς διαφορετική αρχή. Χρησιμοποιούν γραμμές, τμήματα και αριθμούς που περιγράφονται με μαθηματικούς τύπους. Κάθε χώρος που περιορίζεται από αυτά μπορεί να γεμίσει με χρώμα ή ντεγκραντέ. Το αποτέλεσμα είναι μια εικόνα που δεν συνδέεται με συγκεκριμένες διαστάσεις - μπορεί εύκολα να συμπιεστεί ή να τεντωθεί σε τεράστια μεγέθη χωρίς απώλεια ποιότητας. Μια τέτοια διανυσματική μορφή είναι το SVG. Και γίνεται όλο και πιο δημοφιλές, ειδικά στο περιβάλλον ανάπτυξης ιστού.

Γενική περιγραφή της επέκτασης

Ο τύπος αρχείου SVG είναι σύντομος για το Scalable Vector Graphics, δηλαδή κλιμακούμενα διανυσματικά γραφικά. Οι γλώσσες σήμανσης VML και PGML χρησιμοποιούνται για την περιγραφή εικόνων. Ουσιαστικά αυτό είναι Έγγραφο κειμένου, στο οποίο για κάθε σχήμα περιγράφονται οι συντεταγμένες των κορυφών και των γραμμών που διέρχονται από αυτές, καθώς και τα χρώματα διαφορετικών στοιχείων. Η πρώτη έκδοση αυτής της μορφής κυκλοφόρησε το 2001 και μια δεύτερη έκδοση αναπτύσσεται επί του παρόντος ενεργά. Είναι δηλαδή πολλά υποσχόμενο και αναπτυσσόμενο. Ένα από τα πλεονεκτήματα είναι το μικρό μέγεθος αρχείου, στο οποίο μπορούν να αποθηκευτούν αρκετά περίπλοκα σχέδια. Επομένως, τώρα όλο και περισσότερα εικονίδια, εικονογράμματα, λογότυπα και άλλα στοιχεία ιστότοπου χρησιμοποιούνται σε αυτήν τη μορφή και όχι σε ράστερ. Αυτό κάνει τον ιστότοπο να φορτώνει πιο γρήγορα. Τα μοναδικά χαρακτηριστικά της μορφής SVG περιλαμβάνουν τη διαδραστικότητα και την κίνηση. Το πρώτο επιτρέπει στην εικόνα να ανταποκρίνεται στις ενέργειες του χρήστη, για παράδειγμα, στο κλικ του ποντικιού ή στη μετακίνηση ορισμένων στοιχείων. Το animation σας επιτρέπει να δημιουργήσετε αρκετά περίπλοκα σενάρια. Όλα μαζί σας επιτρέπουν να δημιουργήσετε πολύ όμορφα και ζωντανά γραφικά στοιχεία για ιστότοπους. Μπορούν ακόμη και να ενσωματωθούν σε κανονικές εικόνες ράστερ σε png, jpg και άλλες μορφές.

Επέκταση αρχείου .SVG

Στο Διαδίκτυο μπορείτε να βρείτε πολλές τέτοιες φωτογραφίες σε φωτογραφικό υλικό, συμπεριλαμβανομένων των δωρεάν. Δημιουργούνται σε προγράμματα επεξεργασίας γραφικών Adobe Photoshop, Illustrator, Corel Draw και μερικοί άλλοι. Αλλά τίθεται το ερώτημα - πώς να ανοίξετε τη μορφή SVG. Εξάλλου, τα ενσωματωμένα εργαλεία των Windows δεν δείχνουν τι εικόνες περιέχουν. Αν και μπορείτε να επεξεργαστείτε το SVG ακόμη και σε επεξεργαστής κειμένου, για παράδειγμα, στο Σημειωματάριο, επειδή είναι ένα έγγραφο κειμένου, αλλά για αυτό πρέπει να έχετε σημαντικές γνώσεις σε γλώσσες σήμανσης. Μπορείτε να ανοίξετε ένα αρχείο SVG είτε στο πρόγραμμα στο οποίο δημιουργήθηκε είτε σε κάποιο άλλο πρόγραμμα επεξεργασίας γραφικών που υποστηρίζει αυτήν τη μορφή. Δημοφιλέστερος:

Φυσικά, αυτά τα ονόματα είναι μια λίστα προγραμμάτων για εργασία διανυσματικά γραφικάδεν εξαντλείται. Υπάρχουν πολλά από αυτά, συμπεριλαμβανομένου του πιο δημοφιλούς προγράμματος επεξεργασίας, του Adobe Photoshop, το οποίο μπορεί να αποθηκεύσει εικόνες ως διανύσματα και διαθέτει ένα πρόσθετο για το άνοιγμα τους. Μην ξεχνάτε τον πιο δημοφιλή επεξεργαστή διανυσματικά γραφικάΤο Corel Draw, το οποίο μπορεί να ονομαστεί το πιο δημοφιλές.

Τι άλλο θα μπορούσε να προκαλέσει προβλήματα με το αρχείο;

Συνήθης χρησιμοποιώντας Windows, και πολλά άλλα λειτουργικά συστήματα, τα αρχεία SVG δεν ανοίγουν. Για να δείτε τα περιεχόμενά τους, πολύ λιγότερο να τα επεξεργαστείτε, πρέπει να εγκαταστήσετε οποιοδήποτε πρόγραμμα επεξεργασίας γραφικών που υποστηρίζει αυτήν τη μορφή.

Για να σχεδιάσετε οποιαδήποτε ιστοσελίδα, χρειάζεστε τόσο στατικά γραφικά όσο και μια ποικιλία κινούμενων και διαδραστικών στοιχείων, τα οποία, πρώτον, κάνουν τις πληροφορίες που παρουσιάζονται σε αυτήν πιο ελκυστικές και, δεύτερον, συμβάλλουν στην καλύτερη αντίληψη του υλικού.

Οι πληροφορίες γραφικών μεταδίδονται πολύ πιο αργά από τις πληροφορίες κειμένου και ο χρόνος φόρτωσης των εικόνων εξαρτάται άμεσα από το μέγεθος των αρχείων γραφικών τους, επομένως η γρήγορη φόρτωση των ιστοσελίδων προϋποθέτει το μικρό μέγεθος των εικόνων γραφικών που είναι ενσωματωμένες σε αυτές. Το τελευταίο επιτυγχάνεται με βέλτιστη επιλογήμορφή αρχείο γραφικών, καθώς και μέσω της βελτιστοποίησης, στόχος της οποίας είναι να βρεθεί ένας συμβιβασμός μεταξύ της ταχύτητας φόρτωσης της σελίδας και της ποιότητας των εικόνων που παρουσιάζονται σε αυτήν. Ωστόσο, οι δυνατότητες βελτιστοποίησης δεν είναι απεριόριστες και οι εικόνες υψηλής ποιότητας τείνουν να έχουν εντυπωσιακό όγκο, οπότε επιτυγχάνεται Υψηλή ποιότητατων εικόνων που παρουσιάζονται στον Ιστό με τα μικρά τους μεγέθη εξακολουθεί να παραμένει σοβαρό πρόβλημα.

Αλλά το ερώτημα δεν αφορά μόνο το μέγεθος και την ποιότητα· η ανάπτυξη ενός σχεδίου για μια ιστοσελίδα αποδεικνύεται ότι είναι ένα θέμα που απαιτεί από τον σχεδιαστή να γνωρίζει ένα ευρύ φάσμα διαφορετικών τεχνολογιών και προϊόντων λογισμικού, καθώς για διαφορετικούς τύπους γραφικές πληροφορίεςπρέπει να χρησιμοποιήσετε μια ποικιλία μορφών αρχείων και διαφορετικές τεχνολογίες για τη δημιουργία τους. Για στατικά γραφικά, χρησιμοποιούνται μορφές GIF, JPG ή PNG, οι οποίες μπορούν να δημιουργηθούν σε διάφορα πακέτα γραφικών. Για κινούμενα αντικείμενα, χρησιμοποιούνται μορφές κινούμενων εικόνων GIF και Flash, και τέτοια αντικείμενα αναπτύσσονται σε εξειδικευμένες εφαρμογές λογισμικού (ειδικά για καθέναν από αυτούς τους τύπους μορφών). Τα διαδραστικά στοιχεία (ανατροπές, σύνδεσμοι ImageMap κ.λπ.) δημιουργούνται επίσης, κατά κανόνα, σε εξειδικευμένες εφαρμογές και αντιπροσωπεύουν ένα σύνολο γραφικών εικόνων, η σύνδεση μεταξύ των οποίων δημιουργείται σε ένα αρχείο με κώδικα HTML που τις συμπληρώνει.

Μια επιτυχημένη λύση σε αυτά τα προβλήματα θα μπορούσε να είναι η μετάβαση στη μορφή γραφικών SVG (Scalable Vector Graphics scalable vector graphics), που βασίζεται στη γλώσσα XML, χάρη στην οποία κάθε εικόνα SVG μπορεί να αναπαρασταθεί ως σύνολο γραμμές εντολών(Εικ. 1), και το ίδιο το αρχείο SVG μπορεί να ανοίξει σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, συμπεριλαμβανομένου του Σημειωματάριου. Αυτό είναι συγκριτικά νέα τεχνολογίααναπτύχθηκε αρχικά από την Adobe ειδικά για τον Ιστό και σήμερα παρουσιάζει μεγάλο ενδιαφέρον για φορητές συσκευές, παρέχοντας τη δημιουργία στατικών, κινούμενων και διαδραστικών γραφικών υψηλής ποιότητας. Επομένως, δεν αποτελεί έκπληξη το γεγονός ότι υποστηρίζεται ενεργά από την κοινοπραξία W3C (http://www.w3.org/Graphics/SVG) το 2003, το πρότυπο SVG 1.1 υιοθετήθηκε από το W3C ως σύσταση και αυτή τη στιγμήΗ προδιαγραφή SVG 1.2 αναπτύσσεται (http://www.w3.org/TR/SVG12/).

με την αντίστοιχη εικόνα

Η τεχνολογία SVG σάς επιτρέπει να συνδυάζετε κείμενο, γραφικά, κινούμενα σχέδια και διαδραστικά στοιχεία σε μία μορφή και βασίζεται σε τρεις τύπους γραφικών εικόνων: διανυσματικά σχήματα, εικόνες και κείμενο. Τα σχήματα, όπως συνηθίζεται στα διανυσματικά γραφικά, αντιπροσωπεύονται είτε με ευθύγραμμα και καμπυλόγραμμα περιγράμματα, είτε με γραφικά πρωτόγονα (ορθογώνια, ελλείψεις κ.λπ.), και τα σχέδια είναι εισαγόμενες εικόνες ράστερ. Επιπλέον, η μορφή SVG υποστηρίζει διάφορους τύπους κινούμενων εικόνων (που θυμίζουν κινούμενα σχέδια GIF και Flash) και διαδραστικά αντικείμενα, όπως ανατροπές, χάρτες συνδέσμων και άλλα στοιχεία πλοήγησης. Και δεδομένου ότι αυτό το πρότυπο βασίζεται στη γλώσσα XML, το αρχείο SVG, μαζί με στοιχεία που προορίζονται για οπτική εμφάνιση, μπορεί επίσης να περιέχει διάφορα μεταδεδομένα.

Πλεονεκτήματα και μειονεκτήματα της χρήσης της μορφής SVG

Η χρήση της μορφής SVG σάς επιτρέπει να αναπτύξετε μικρότερα, ταχύτερης φόρτωσης, υψηλής ποιότητας, ευέλικτα γραφικά για τον ιστό και τις κινητές συσκευές που καμία άλλη μορφή γραφικών δεν μπορεί να προσφέρει. Τα κύρια πλεονεκτήματα της μορφής γραφικών SVG περιλαμβάνουν τα ακόλουθα:

• υψηλή ποιότητα εικόνων ανεξάρτητα από το μέγεθός τους, γεγονός που εξηγείται από τη διανυσματική φύση της μορφής SVG. Οι εικόνες μπορούν να σμικρυνθούν ή να μεγεθυνθούν επ' αόριστον χωρίς απώλεια ποιότητας (Εικ. 2) σύμφωνα με το μέγεθος της οθόνης, το οποίο σας επιτρέπει να αποκτήσετε εικόνα υψηλής ποιότηταςγραφικές πληροφορίες για διάφοροι τύποισυσκευές (επιτραπέζιοι υπολογιστές, υπολογιστές τσέπης, κ.λπ.), και καθιστά επίσης δυνατή την πιο προσεκτική εξέταση μεμονωμένων λεπτομερειών, αυτό είναι σημαντικό, για παράδειγμα, όταν εργάζεστε με τεχνικά σχέδια.
• πολύ μικρότερο μέγεθοςαρχεία σε σύγκριση με τις μορφές GIF, JPG, PNG και κινούμενων εικόνων GIF, και ακόμη περισσότερο με τη μορφή Flash. Για παράδειγμα, εάν το αρχείο δοκιμάστηκε για ένα άρθρο Μορφή GIF, συμπιεσμένο σε λειτουργία συμπίεσης LZW, ήταν 26 KB, το μέγεθος του αντίστοιχου αρχείου SVG πήρε 1220 byte και όταν συμπιέστηκε σε μορφή SVGZ ήταν μόνο 685 byte.

Αλλά δεν είναι μόνο αυτό. Σε σύγκριση με τις παραδοσιακές επιλογές για γραφική αναπαράσταση του Ιστού, η χρήση της μορφής SVG έχει πολλά άλλα αναμφισβήτητα πλεονεκτήματα.

Έτσι, για τους προγραμματιστές τα σημαντικά πλεονεκτήματα είναι:

• τη δυνατότητα συνδυασμού στατικών, κινούμενων και διαδραστικών στοιχείων σε μία μορφή, καθώς και συνδυασμού αντικειμένων διανυσμάτων και ράστερ.
• βελτιωμένος χειρισμός κειμένου, συμπεριλαμβανομένου του πυρήνα, του καμπυλωμένου κειμένου και της απεριόριστης χρήσης γραμματοσειρών.
• πιο αποτελεσματικός έλεγχος της ακρίβειας των χρωμάτων και μεγαλύτερες ευκαιρίες για χρήση γεμισμάτων διαβάθμισης σε εικόνες web υψηλής ανάλυσης, σκιές, φίλτρα κ.λπ.
• η κειμενική φύση της μορφής SVG και η υποστήριξή της για επικαλυπτόμενα φύλλα στυλ, η οποία απλοποιεί σημαντικά τη διαδικασία ενημέρωσης ενός ιστότοπου και επιτρέπει, εάν είναι απαραίτητο, να κάνετε αλλαγές σε αυτόν χωρίς να καταφύγετε σε ειδικά προγράμματα;
• ενοποίηση με βάσεις δεδομένων που βασίζονται σε πρότυπα XML (Extensible Markup Language) και CSS (Cascading Style Sheets), που σας επιτρέπει να αποθηκεύετε εικόνες SVG στη βάση δεδομένων και να δημιουργείτε χρησιμοποιώντας αυτές δυναμικές ιστοσελίδεςδιαφορετικό για διαφορετικές πλατφόρμες, προσωπικές ρυθμίσεις κ.λπ.
• κανένα πρόβλημα ευρετηρίασης Τα αρχεία SVG ευρετηριάζονται από οποιεσδήποτε μηχανές αναζήτησης (σε αντίθεση, για παράδειγμα, με τα αρχεία SWF).

Οι χρήστες θα απολαμβάνουν υψηλής ποιότητας περιεχόμενο SVG με γρήγορη φόρτωση. Επιπλέον, είναι δυνατό να αντιγράψετε το κείμενο που βρίσκεται στην εικόνα SVG και έτσι να αποθηκεύσετε ορισμένες χρήσιμες πληροφορίες για τον εαυτό σας, καθώς και να αναζητήσετε κείμενο στην εικόνα, κάτι που σε ορισμένες περιπτώσεις μπορεί να είναι εξαιρετικά απαραίτητο, για παράδειγμα, κατά την αναζήτηση το επιθυμητό όνομα σε χάρτη ή σχέδιο.

Ωστόσο, ως συνήθως, μαζί με τα πλεονεκτήματα, η τεχνολογία SVG έχει και μειονεκτήματα, και μάλιστα πολύ σοβαρά.

• Οι εικόνες SVG υποστηρίζονται ελάχιστα από τους κατασκευαστές προγραμμάτων περιήγησης στο Διαδίκτυο. Ως αποτέλεσμα, για να προβάλουν γραφικά SVG από το πρόγραμμα περιήγησης, οι χρήστες αναγκάζονται να εγκαταστήσουν επιπλέον ένα πρόσθετο τρίτου κατασκευαστή που παρέχει αυτήν τη δυνατότητα, για παράδειγμα το SVG Viewer από την Adobe. Θεωρητικά, αυτό δεν είναι δύσκολο· τα αντίστοιχα πρόσθετα είναι εύκολα στην εγκατάσταση, δωρεάν, μικρού μεγέθους και μπορούν να ληφθούν γρήγορα από το Διαδίκτυο. Στην πράξη, όλα αποδεικνύονται πολύ πιο περίπλοκα, καθώς οι περισσότεροι χρήστες του Διαδικτύου δεν γνωρίζουν την ύπαρξη αυτών των δυνατοτήτων και επομένως δεν μπορούν να δουν αυτός ο τύποςγραφικά χωρίς το πρόσθετο απλά δεν είναι ορατό. Ωστόσο, η κατάσταση αλλάζει σταδιακά και τον περασμένο χρόνο δύο κορυφαίοι προγραμματιστές προγράμματος περιήγησης ιστού εισήγαγαν υποστήριξη για τη μορφή SVG. Την άνοιξη, η Opera Software κυκλοφόρησε την έκδοση 8 του προγράμματος περιήγησης Opera, η οποία υποστηρίζει SVG 1.0 Tiny. στην έκδοση του Opera 9.0 που εμφανίστηκε λίγο αργότερα, εφαρμόστηκε μερική υποστήριξη για τη μορφή SVG 1.0 Basic. Ο δεύτερος προγραμματιστής που συμπεριέλαβε υποστήριξη SVG ήταν ο οργανισμός Mozilla.Η ενότητα έργου Mozilla SVG, η οποία παρέχει προβολή γραφικών SVG της προδιαγραφής 1.1, συμπεριλήφθηκε στο πρόγραμμα περιήγησης Firefox 1.5. Επιπλέον, στα μέσα του 2005, οι προγραμματιστές του προγράμματος περιήγησης Safari που λειτουργούσαν σε υπολογιστές με Mac OS X άρχισαν να εργάζονται ενεργά για την εισαγωγή υποστήριξης για το SVG 1.1.
• Σε σύγκριση με άλλες μορφές γραφικών, η μορφή SVG εξακολουθεί να υποστηρίζεται ελάχιστα από προγραμματιστές λογισμικού γραφικών, αν και κορυφαία πακέτα γραφικών όπως το Adobe Illustrator, το Corel DRAW κ.λπ. σας επιτρέπουν να εξάγετε γραφικά σε αρχεία SVG. Φυσικά, τα αρχεία SVG μπορούν να δημιουργηθούν σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, αλλά αυτό δεν είναι πρακτικό όσον αφορά την ταχύτητα και το κόστος ανάπτυξης. Είναι βολικό να επεξεργαστείτε ένα αρχείο σε ένα πρόγραμμα επεξεργασίας κειμένου εάν είναι απαραίτητο (το οποίο, παρεμπιπτόντως, είναι δυνατό μόνο εάν έχετε βαθιά γνώση της τεχνολογίας XML), αλλά η δημιουργία του από την αρχή δεν είναι σοφή, καθώς θα απαιτήσει υπερβολικό χρόνο και προσπάθεια. Για να γίνει αυτό, χρειαζόμαστε απλά και βολικά εργαλεία για γρήγορη οπτική ανάπτυξη γραφικών σε μορφή Scalable Vector Graphics με δυνατότητα επεξεργασίας του κώδικα προγράμματος που αντιστοιχεί στην εικόνα στο ίδιο περιβάλλον, αλλά υπάρχουν πολύ λίγα τέτοια προϊόντα και δεν είναι πολύ γνωστό.

Ως αποτέλεσμα, προκύπτει μια πολύ θλιβερή κατάσταση: πολλοί χρήστες δεν μπορούν ακόμη να δουν γραφικά SVG λόγω της έλλειψης υποστήριξης σε προγράμματα περιήγησης ιστού στο σωστό επίπεδο, οι προγραμματιστές ιστού ουσιαστικά δεν αναπτύσσουν γραφικά SVG, ανεξάρτητα από το πόσο ελκυστικά μπορεί να είναι, και οι προγραμματιστές λογισμικού δεν επιδίδονται στους σχεδιαστές ιστοσελίδων με μια ποικιλία εφαρμογών που επικεντρώνονται ειδικά στο SVG. Το αποτέλεσμα είναι ένας φαύλος κύκλος: "Αν δεν υπάρχει περιεχόμενο, τότε οι άνθρωποι δεν χρειάζονται υλοποίηση SVG και αν δεν υπάρχει υλοποίηση, τότε δεν υπάρχει περιεχόμενο" έτσι ακριβώς περιγράφεται η κατάσταση σε μια από τις κοινοπραξίες του W3C συναντήσεις.

Αλλά μπορείτε να δείτε την κατάσταση από την άλλη πλευρά: η υποστήριξη του SVG (αν και όχι ακόμη πλήρως) από δύο δημοφιλή προγράμματα περιήγησης στο Διαδίκτυο, καθώς και το ενδιαφέρον για την τεχνολογία διάσημων προγραμματιστών, υποδηλώνει ότι "ο πάγος έχει σπάσει" και ότι το SVG έχει μια πραγματική ευκαιρία να γίνει μια από τις δημοφιλείς μορφές για την παρουσίαση πληροφοριών ιστού. Αυτή η πιθανότητα αυξάνεται λόγω του αυξανόμενου ενδιαφέροντος για την τεχνολογία SVG σε σχέση με φορητές συσκευές, όπου οι απαιτήσεις για μέγεθος και ποιότητα εικόνας είναι πολύ υψηλότερες. Η Opera Software, για παράδειγμα, σχεδιάζει πρώτα να εφαρμόσει πλήρη υποστήριξη για τη μορφή SVG σε επιτραπέζιους υπολογιστές και μόνο στη συνέχεια να τη μεταφέρει σε πλατφόρμες για κινητές συσκευές. Επομένως, είναι καιρός οι σχεδιαστές ιστοσελίδων να σκεφτούν να χρησιμοποιήσουν το SVG, διαφορετικά κινδυνεύουν να μείνουν πίσω στο εγγύς μέλλον.

Πρόσθετα για την προβολή γραφικών SVG

Όπως αναφέρθηκε ήδη, προς το παρόν, οι περισσότεροι χρήστες θα πρέπει να χρησιμοποιήσουν ένα από τα κατάλληλα πρόσθετα για να προβάλουν πλήρως τα γραφικά SVG σε ένα παράθυρο του προγράμματος περιήγησης στο Διαδίκτυο, τα πιο διάσημα από τα οποία είναι οι δωρεάν μονάδες Adobe SVG Viewer και Corel SVG Viewer. Το πρώτο από αυτά, το Adobe SVG Viewer, έρχεται ως ξεχωριστή εφαρμογή, είναι συμπαγές και βολικό, λειτουργεί σε διαφορετικές πλατφόρμες, υποστηρίζει μεγάλο αριθμό προγραμμάτων περιήγησης στο Διαδίκτυο και επομένως είναι πολύ πιο δημοφιλές στους χρήστες. Η εφαρμογή Corel SVG Viewer περιλαμβάνεται στο πακέτο Corel Smart Graphics Studio, αλλά διατίθεται και ως δωρεάν λογισμικό.

Υπάρχουν και άλλες επιλογές για την προβολή γραφικών SVG· μπορείτε, για παράδειγμα, να χρησιμοποιήσετε τις αντίστοιχες μονάδες από το Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/ batik) πακέτα, KDE KSVG (http://www.kde.org), κ.λπ. Μια πλήρης λίστα εφαρμογών που παρέχουν προβολή εικόνων SVG παρέχεται στη διεύθυνση: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Προγραμματιστής:Η Adobe Systems, Inc.

Μέγεθος διανομής: 2,25 MB

Μέθοδος διανομής:δωρεάν λογισμικό (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Τιμή:δωρεάν

Εργασία υπό έλεγχο: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Υποστήριξη προγράμματος περιήγησης: Internet Explorer 4.0 ή νεότερη έκδοση, Netscape Navigator ή Communicator 4.5 έως 4.78 (εκτός 6.x)

Προβολή Corel SVG

Προγραμματιστής: Corel Corp

Μέγεθος διανομής: 4,9 MB

Μέθοδος διανομής:δωρεάν λογισμικό (η ενότητα μπορεί να ληφθεί από τη διεύθυνση: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Τιμή:δωρεάν

Εργασία υπό έλεγχο: Windows 98/NT/2000/Me/XP

Υποστήριξη προγράμματος περιήγησης: Microsoft Internet Explorer 5.5 και νεότερη έκδοση, Netscape Navigator ή Communicator εκδόσεις 4.79, 7.02

Προγράμματα για τη δημιουργία γραφικών SVG

Όλα τα προγράμματα για τη δημιουργία γραφικών SVG μπορούν να χωριστούν σε τρεις μεγάλες ομάδες. Το πρώτο περιλαμβάνει δημοφιλή πακέτα δισδιάστατων γραφικών που επικεντρώνονται στην εργασία με διανυσματικά γραφικά και ταυτόχρονα σας επιτρέπουν να εξάγετε εικόνες σε μορφή SVG. Τα πιο δημοφιλή από αυτά είναι το Adobe Illustrator και το CorelDRAW. Επιπλέον, μια τέτοια εξαγωγή σε έναν ή τον άλλο βαθμό υποστηρίζει πολλές άλλες εφαρμογές: AutoCAD, Microsoft Visio κ.λπ. Το κύριο πλεονέκτημα αυτής της ομάδας εφαρμογών είναι ότι διαθέτουν προηγμένα εργαλεία για τη δημιουργία διανυσματικών εικόνων και σας επιτρέπουν να επιτύχετε μοναδικά εφέ μέσω της χρήσης διαφάνειας, ντεγκραντέ γεμίσματα, διάφορα φίλτρα κ.λπ. Όμως αυτές οι εφαρμογές απαιτούν σοβαρή ειδική εκπαίδευση και ως εκ τούτου έχουν σχεδιαστεί κυρίως για επαγγελματίες σχεδιαστές. Επιπλέον, σε γενικές γραμμές δεν επικεντρώνονται στη σχεδίαση SVG (αν και σας επιτρέπουν να αποκτήσετε γραφικά σε μορφή Scalable Vector Graphics) ενώ παρέχουν άνετη οπτική δημιουργία και εμφάνιση εικόνων, αυτές οι εφαρμογές δεν επιτρέπουν την προσαρμογή τους στο κείμενο επίπεδο, το οποίο είναι σχετικό με τα γραφικά SVG. Είναι επίσης σημαντικό ότι η υποστήριξη για τη μορφή Scalable Vector Graphics δεν εφαρμόζεται πλήρως σε αυτά, με αποτέλεσμα να μην μπορούν να εξαχθούν όλα τα διανυσματικά στοιχεία εικόνας σε SVG χωρίς σφάλματα.

Η δεύτερη ομάδα προϊόντων λογισμικού αποτελείται από πακέτα σχεδιασμένα αποκλειστικά για τη δημιουργία γραφικών SVG. Έχουν πολύ λιγότερες δυνατότητες όσον αφορά την οπτική ανάπτυξη διανυσματικών εικόνων, αν και περιλαμβάνουν όλα τα απαραίτητα εργαλεία. Ωστόσο, παρέχουν βολικά εργαλεία για την επεξεργασία του πηγαίου κώδικα και σας επιτρέπουν να εργάζεστε με αντικείμενα SVG παράλληλα, τόσο οπτικά όσο και σε επίπεδο κώδικα, και μπορείτε εύκολα να κάνετε εναλλαγή μεταξύ αυτών των επιλογών για την παρουσίαση πληροφοριών. Όλες οι εφαρμογές αυτής της ομάδας είναι πολύ απλές και προσβάσιμες και δεν απαιτούν πολύ χρόνο για εκμάθηση. Επιπλέον, έχουν σχετικά μικρές διανομές (σε σύγκριση με εφαρμογές της πρώτης ομάδας), ώστε να μπορούν να αγοραστούν μέσω Διαδικτύου χωρίς κανένα πρόβλημα. Ωστόσο, υπάρχουν πολύ λίγα προγράμματα με τέτοιες δυνατότητες και παρακάτω θα εξετάσουμε αναλυτικά μόνο τέσσερα που έχουν το μεγαλύτερο ενδιαφέρον και έχουν σχεδιαστεί για διαφορετικές κατηγορίες χρηστών. ΜΕ πλήρης λίσταΟι διαθέσιμες εφαρμογές για τη δημιουργία γραφικών SVG βρίσκονται στη διεύθυνση: http://wiki.svg.org/Design_Tools.

Και τέλος, η τρίτη ομάδα μπορεί να περιλαμβάνει οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, συμπεριλαμβανομένου ενός κανονικού σημειωματάριου. Όπως σημειώθηκε παραπάνω, η μορφή Scalable Vector Graphics βασίζεται στη γλώσσα XML, η οποία σας επιτρέπει να δημιουργείτε και να επεξεργάζεστε αρχεία SVG σε επίπεδο κειμένου σε ένα πρόγραμμα επεξεργασίας κειμένου, εάν είναι απαραίτητο.

Εφαρμογές γραφικών με πλήρεις δυνατότητες που σας επιτρέπουν να δημιουργείτε γραφικά SVG

Adobe Illustrator CS2

Προγραμματιστής:Η Adobe Systems, Inc.

Μέγεθος διανομής:Έκδοση Macintosh 428,9 MB, έκδοση Windows 398,6 MB

Μέθοδος διανομής: shareware (μια δοκιμαστική έκδοση 30 ημερών του πακέτου είναι διαθέσιμη στη διεύθυνση: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Τιμή:$665

Εργασία υπό έλεγχο: Windows 2000 με Service Pack 3 ή Windows XP, Mac OS X εκδόσεις 10.2.4 έως 10.2.7, Java Runtime Environment 1.4.1

Ξεκινώντας από την έκδοση 9, το Adobe Illustrator (Εικ. 3) έχει υλοποιήσει την εισαγωγή και εξαγωγή αρχείων SVG και σε πολύ υψηλότερο επίπεδο σε σύγκριση με παρόμοιες εφαρμογές γραφικών. Το πακέτο υποστηρίζει όλες τις υπάρχουσες προδιαγραφές SVG, κωδικοποιήσεις ISO 8859-1, UTF-8 και UTF-16, διάφορες επιλογές εξαγωγής κειμένου και σας επιτρέπει να εξάγετε εικόνες τόσο σε κανονική μορφή SVG όσο και σε συμπιεσμένο SVGZ.

Στα γραφικά SVG που δημιουργούνται στο περιβάλλον του, μπορείτε να χρησιμοποιήσετε ντεγκραντέ, διαφάνεια, καθώς και μια ολόκληρη σειρά ειδικά σχεδιασμένων εφέ SVG (Εφέ=>Φίλτρα SVG) με τη μορφή διαφόρων σκιών, θολών κ.λπ. Παραμένουν εικόνες με τέτοια εφέ καθαρό όταν προβάλλεται σε πρόγραμμα περιήγησης ιστού με οποιαδήποτε μεγέθυνση. Εκτός από στατικά γραφικά, το Illustrator σάς επιτρέπει επίσης να δημιουργείτε διαδραστικά γραφικά σε μορφή SVG· για το σκοπό αυτό, παρέχεται μια ειδική παλέτα SVG Interactivity (μπορεί να ανοίξει από το μενού Window=>SVG Interactivity), στην οποία γίνονται ενέργειες για διαδραστικά αντικείμενα διευκρινίζονται. Αξίζει να σημειωθεί ότι η εργασία σε διαδραστικά στοιχεία SVG στο Illustrator απαιτεί γνώση Java Script και κατανόηση των βασικών αρχών του αντικειμενοστρεφούς προγραμματισμού. Επιπλέον, χρησιμοποιώντας τη μορφή Scalable Vector Graphics σε αυτό το πρόγραμμα, μπορείτε να δημιουργήσετε Dynamic Data-Driven Graphics.

CorelDRAW Graphics Suite 12

Προγραμματιστής: Corel Corp.

Μέγεθος διανομής Tiva: 200 MB

Μέθοδος διανομής: shareware (η δοκιμαστική έκδοση μπορεί να ληφθεί από τοποθεσίες ηλεκτρονικών καταστημάτων, για παράδειγμα στη διεύθυνση: http://allsoft.ru/Download.php?ver=17605)

Τιμή:$290 (Allsoft.ru)

Εργασία υπό έλεγχο: Windows NT/2000/XP

Η γνωστή εφαρμογή για την ανάπτυξη επαγγελματικών διανυσματικών γραφικών, CorelDRAW (Εικ. 4), που περιλαμβάνεται στο CorelDRAW Graphics Suite 12, παρέχει εισαγωγή και εξαγωγή σε μορφές SVG και SVGZ σε βασικό επίπεδο και επομένως μπορεί να χρησιμοποιηθεί για τη δημιουργία στατικών και διαδραστικών Γραφικά SVG.

σε ένα αρχείο SVG στο CorelDRAW

Η εφαρμογή υποστηρίζει μη αναγνωρισμένα δεδομένα, χαρακτηριστικά και μεταδεδομένα και παρέχει επίσης τη δυνατότητα προεπισκόπησηΑρχεία SVG στο πρόγραμμα περιήγησης πριν από την εξαγωγή. Επιπλέον, η κωδικοποίηση Unicode είναι δυνατή για μεθόδους κωδικοποίησης UTF-8 και UTF-16 και διάφορες επιλογές για την εξαγωγή κειμένου και εικόνων bitmap. ΣΕ τελευταία έκδοσηΣημαντικά βελτιωμένη υποστήριξη για εξαγωγή συμβόλων, κειμένου, σκιών, περιγραμμάτων, επιπέδων, ενσωματωμένων δυαδικών εικόνων κ.λπ.

Mayura Draw 4.3

Προγραμματιστής:Λογισμικό Mayura

Μέγεθος διανομής: 1,3 MB

Μέθοδος διανομής: shareware (έκδοση επίδειξης http://www.mayuradraw.com/mdraw.zip)

Τιμή:$39

Εργασία υπό έλεγχο: Windows 95/98/Me/NT/2000/XP

Mayura Draw (Εικ. 5) ένα πολύ απλό και φθηνό πρόγραμμα δημιουργίας διανυσματικών γραφικών σχεδιασμένο για τον γενικό χρήστη. Οι διανυσματικές εικόνες που προκύπτουν μπορούν να εξαχθούν σε μορφή SVG εάν το επιθυμείτε, και επομένως το Mayura Draw μπορεί να είναι μια πιθανή λύση για την ανάπτυξη στατικών γραφικών SVG. Το πρόγραμμα υποστηρίζει όλα τα κύρια εργαλεία διανυσματικών γραφικών και σας επιτρέπει να λαμβάνετε διανυσματικές εικόνες βασισμένες σε πρωτόγονα γραφικά, γραμμικά και καμπυλόγραμμα περιγράμματα και κείμενο. Ο κατάλογος των δυνατοτήτων του περιλαμβάνει βολικά μέσα ευθυγράμμισης, διανομής και οργάνωσης αντικειμένων, διαχείριση διαφάνειας, χρήση οδηγών και χάρακα για ακριβή τοποθέτηση αντικειμένων και διάφορους μετασχηματισμούς.

Εξειδικευμένα πακέτα δημιουργίας γραφικών SVG

EvolGrafiX XStudio 6.1

Προγραμματιστής: EvolGrafiX

Μέγεθος διανομής: 7,25 MB

Μέθοδος διανομής: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Τιμή:$449 εμπορική άδεια, $249 ακαδημαϊκή άδεια

Εργασία υπό έλεγχο: Windows 2000/XP

Το επαγγελματικό πακέτο XStudio (Εικ. 6) είναι ένα βολικό εργαλείο για τη δημιουργία διαφορετικών γραφικών SVG για τον Ιστό και τις κινητές συσκευές και παρέχει πλήρη έλεγχο τόσο στο σύνολο του έργου SVG όσο και σε διανυσματικές εικόνες, κινούμενα σχέδια, σενάρια κ.λπ. βολικό, διαισθητικό και εύκολο στην προσαρμογή διεπαφή χρήστη, παρέχει μεγάλη γκάμα εργαλείων, έχει υψηλή ταχύτητα work, σας επιτρέπει να δημιουργείτε γραφικά SVG όλων των υπαρχουσών προδιαγραφών και υποστηρίζει όλα τα Scalable Vector Graphics στυλ. Όλα αυτά, σε συνδυασμό με μια σχετικά χαμηλή τιμή για ένα επαγγελματικό πακέτο, μας επιτρέπουν να το θεωρήσουμε την καλύτερη επαγγελματική λύση στο είδος του. Το XStudio συνοδεύεται από λεπτομερή τεκμηρίωση, που υποστηρίζεται από μια σειρά από σεμινάρια και είναι εύκολο να το μάθεις.

Ρύζι. 6. Συνδυασμός δημιουργίας οπτικής εικόνας με επεξεργασία πηγαίου κώδικα
στο EvolGrafiX XStudio

Η εφαρμογή διαθέτει όλες τις απαραίτητες δυνατότητες για τη δημιουργία και την επεξεργασία διανυσματικών εικόνων και από αυτή την άποψη μοιάζει πολύ με το πακέτο Adobe Illustrator. Ταυτόχρονα, το XStudio εστιάζει άμεσα στην προετοιμασία στατικών, διαδραστικών και κινούμενων γραφικών SVG και ως εκ τούτου, μαζί με κλασικά εργαλεία για εργασία με διανυσματικά αντικείμενα, συμπληρώνεται με συγκεκριμένες δυνατότητες SVG. Η ενσωματωμένη γραμμή εργαλείων Document Object Model (DOM) παρέχει μια ιεραρχική αναπαράσταση αντικειμένων SVG, ένα βολικό πρόγραμμα επεξεργασίας XML σάς επιτρέπει να διορθώσετε τον πηγαίο κώδικα σε επίπεδο κειμένου και ένα πρόγραμμα επεξεργασίας σεναρίου σάς επιτρέπει να το συμπληρώσετε με σενάρια Java. Η εργασία με κώδικα οργανώνεται πολύ εύκολα: τα τμήματα κώδικα του επιλεγμένου αντικειμένου επισημαίνονται αυτόματα, είναι δυνατή η αναζήτηση κειμένου και η ρύθμιση σελιδοδεικτών κ.λπ. Οποιεσδήποτε αλλαγές κώδικα αντικατοπτρίζονται αμέσως στο παράθυρο οπτικής προβολής και οι οπτικές αλλαγές αντικατοπτρίζονται στο παράθυρο επεξεργασίας.

Inkscape

Προγραμματιστής: IOSN (Διεθνές Ανοιχτή πηγή Network International Open Source Network)

Μέγεθος διανομής: 8,7 MB

Τιμή:δωρεάν

Εργασία υπό έλεγχο: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (Εικ. 7) το πιο πολλά υποσχόμενο διανυσματικό πρόγραμμα επεξεργασίαςβασίζεται στο μοντέλο ανοιχτού κώδικα, το οποίο είναι πολλαπλών πλατφορμών και είναι ένα ισχυρό εργαλείο για την ανάπτυξη γραφικών σύμφωνα με το πρότυπο Scalable Vector Graphics. με τους δικούς τους λειτουργικότηταδουλεύοντας με διανυσματικές εικόνες, καθώς και με τη διεπαφή, το Inkscape μοιάζει πολύ με το CorelDRAW. Υποστηρίζει κανάλια άλφα, εργασία με επίπεδα, χρήση ρέοντος κειμένου, θεαματικά γεμίσματα διαβάθμισης, μεγάλο αριθμό φίλτρων και εφέ, διάφορους μετασχηματισμούς, βολική δουλειάμε περιγράμματα και αντικείμενα, ομαδοποίηση αντικειμένων και πολλά άλλα. Μπορείτε να εισαγάγετε δεδομένα από αρχεία JPEG, PNG και TIFF και να τα ενσωματώσετε σε εικόνες SVG.

ενσωματωμένο πρόγραμμα επεξεργασίας Inkscape

Ωστόσο, σε αντίθεση με το CorelDRAW, το Inkscape τοποθετείται ως εφαρμογή για σχεδιαστές SVG, επομένως, μαζί με τη δημιουργία κλασικών οπτικών γραφικών, παρέχει τη δυνατότητα άμεσης επεξεργασίας κώδικα XML στον ενσωματωμένο επεξεργαστή κειμένου. Το πρόγραμμα έχει ρυθμιστεί ώστε να αποθηκεύει εικόνες σε κανονικά και συμπιεσμένα αρχεία SVG, αν και μπορούν να μετατραπούν σε κοινές διανυσματικές και ράστερ μορφές, εάν το επιθυμείτε.

Το πακέτο Inkscape έχει μια βολική διεπαφή Russified, είναι εύκολη στην εκμάθηση και συνοδεύεται από ένα καλό σύστημα βοήθειας, συμπεριλαμβανομένων διαφόρων παραδειγμάτων χρήσης, και επιπλέον, αυτή η αίτησηδωρεάν όλα αυτά το καθιστούν πολύ ελκυστικό για ένα ευρύ φάσμα χρηστών. Τα κύρια μειονεκτήματα του προγράμματος είναι η χαμηλή ταχύτητα λειτουργίας και οι αυξημένες απαιτήσεις σε πόρους του συστήματος.

Corel WebDraw

Προγραμματιστής: Corel Corp

Μέγεθος διανομής: 15,6 MB

Μέθοδος διανομής: shareware (επίδειξη 30 ημερών http://www5.jasc.com/pub/wdw102ev.exe)

Τιμή:Έκδοση λήψης 179 $, έκδοση CD 199 $

Εργασία υπό έλεγχο: Windows 98/NT4/2000/Me/XP

Το Corel WebDraw (Εικόνα 8), πιο γνωστό ως Jasc WebDraw, είναι μια ολοκληρωμένη λύση για τη δημιουργία υψηλής ποιότητας γραφικών και κινούμενων εικόνων SVG που απευθύνονται σε επαγγελματίες σχεδιαστές. Και η διαισθητική διεπαφή του προγράμματος το καθιστά ελκυστικό σε ένα ευρύ φάσμα χρηστών.

Η εφαρμογή παρέχει ένα εκτενές σύνολο τυπικών εργαλείων γραφικών τυπικών για μια εφαρμογή διανυσματικών γραφικών με πλήρη χαρακτηριστικά: βασικά σχήματα (έλλειψη, ορθογώνιο, αστέρι, κ.λπ.), στυλό, πολύγωνο, πολύγραμμο, κείμενο κ.λπ. Μαζί με διανυσματικά αντικείμενα, το WebDraw σάς επιτρέπει να συμπληρώνετε αντικείμενα SVG με εξωτερικά εικόνες ράστερ. Εκτός από τα κανονικά γεμίσματα και την επικάλυψη έτοιμων στυλ, μπορείτε να χρησιμοποιήσετε σύνθετες διαβαθμίσεις, γεμίσματα, συμπεριλαμβανομένων μοτίβων που έχετε δημιουργήσει εσείς. Για να έχετε πιο αποτελεσματικές εικόνες, μπορείτε να χρησιμοποιήσετε φίλτρα, τόσο απλά (θάμπωμα και σκίαση) όσο και πολύπλοκα (υφή και φωτισμός). Τα πλέγματα, οι οδηγοί και οι χάρακες σάς βοηθούν να τοποθετήσετε αντικείμενα με ακρίβεια και η ενσωματωμένη γραμμή εργαλείων Document Object Model (DOM) παρουσιάζει αντικείμενα SVG σε ιεραρχική δενδρική προβολή για εύκολη διαχείριση.

Το WebDraw είναι εξοπλισμένο με μια καθολική γραμμή ιστορίας κινούμενων σχεδίων, το Animation Timeline, το οποίο είναι χτισμένο με βάση το SVG DOM (Document Object Model), το οποίο σας επιτρέπει να επιλέξετε και να κινείτε σχεδόν οποιοδήποτε χαρακτηριστικό ή ιδιότητα ενός αντικειμένου όλων των τύπων ανά πάσα στιγμή . Ο μηχανισμός μεταφοράς και απόθεσης σάς επιτρέπει να επεξεργάζεστε τα σημεία έναρξης και λήξης της κινούμενης εικόνας, καθώς και τη διάρκεια κάθε φάσης κινούμενης εικόνας, απευθείας στη γραμμή χρόνου. Επειδή οι χρόνοι πλήκτρων κινούμενης εικόνας εισάγονται κάθε φορά που ορίζετε επιλογές κινούμενων εικόνων για ένα χαρακτηριστικό ή μια ιδιότητα ενός αντικειμένου, μπορούν να μετακινηθούν σε άλλες περιοχές του σεναρίου για σκοπούς αυτόματες ρυθμίσειςκατανομή των εφέ κινουμένων σχεδίων με την πάροδο του χρόνου.

Το πακέτο σάς επιτρέπει να εργάζεστε με γραφικά SVG σε δύο εκδόσεις: τόσο με ένα σύνολο οπτικά εμφανιζόμενων αντικειμένων γραφικών όσο και με τον αντίστοιχο πηγαίο κώδικα. Η επεξεργασία του πηγαίου κώδικα στο ενσωματωμένο πρόγραμμα επεξεργασίας κειμένου αρχείων SVG παρέχει πρόσθετη ευελιξία και έλεγχο του περιεχομένου του αρχείου. Αυτόματος έλεγχοςΟι αλλαγές στον πηγαίο κώδικα βοηθούν στη διασφάλιση της σωστής συμπεριφοράς των δημιουργημένων γραφικών και τα σφάλματα που εντοπίστηκαν επισημαίνονται με χρώμα, γεγονός που εξοικονομεί τον σχεδιαστή από ώρες αναζήτησης σε εκατοντάδες γραμμές κώδικα. Το αποτέλεσμα τυχόν αλλαγών στον πηγαίο κώδικα εμφανίζεται αμέσως στην οθόνη. Εάν θέλετε, μπορείτε να εισαγάγετε, να επεξεργαστείτε και να βελτιστοποιήσετε αρχεία SVG που έχουν δημιουργηθεί σε άλλες εφαρμογές στο WebDraw.

Sketsa SVG Editor 3.2.3

Προγραμματιστής: KIYUT

Μέγεθος διανομής: 5,99 MB

Μέθοδος διανομής: κοινόχρηστο λογισμικό (επίδειξη που προσθέτει μια ετικέτα σε μια εικόνα, http://www.kuyut.com/products/sketsa/sketsa.zip)

Τιμή:$49

Εργασία υπό έλεγχο: Windows 2000/XP, Java VM (JRE) 1.5 και νεότερη έκδοση (http://www.java.com/getjava), UNIX και Linux

Η εφαρμογή Sketsa (Εικ. 9) είναι ένας από τους πιο δημοφιλείς επεξεργαστές SVG και σας επιτρέπει να δημιουργείτε επαγγελματικά γραφικά SVG, συμπεριλαμβανομένης της βελτιστοποίησης σε μορφή SVGZ. Το πακέτο συνδυάζει επιτυχώς την απλότητα και την ευκολία χρήσης με ένα ευρύ φάσμα λειτουργιών και είναι συμβατό με συστήματα Windows, Mac και Linux.

Το Sketsa υποστηρίζει ένα κλασικό σύνολο εργαλείων που είναι τυπικά για κάθε διανυσματική εφαρμογή, επιτρέποντάς σας να δημιουργήσετε και να μετασχηματίσετε οποιαδήποτε διανυσματικά αντικείμενα με βάση τόσο περιγράμματα όσο και γραφικά πρωτόγονα και κείμενο, τα οποία, εάν θέλετε, μπορούν εύκολα να συμπληρωθούν με εικόνες ράστερ. Μπορείτε να ελέγξετε τη διαφάνεια, να χρησιμοποιήσετε γεμίσματα διαβάθμισης και φίλτρα. Όλα αυτά συμπληρώνονται με επιτυχία από εξειδικευμένες δυνατότητες SVG, χάρη στις οποίες κάθε εικόνα μπορεί να επεξεργαστεί όχι μόνο οπτικά, αλλά και σε λειτουργία κειμένου. Για να επεξεργαστείτε τον κώδικα SVG, το πακέτο παρέχει ένα ενσωματωμένο πρόγραμμα επεξεργασίας κειμένου XML. Για ευκολία διαχείρισης αντικειμένων, υπάρχει μια ενσωματωμένη γραμμή εργαλείων Document Object Model (DOM), η οποία είναι ένα ιεραρχικό σύνολο αντικειμένων που μοιάζει με δέντρο σε ένα έγγραφο SVG, το οποίο σας επιτρέπει να επιλέξετε οποιοδήποτε αντικείμενο εγγράφου για να επεξεργαστείτε τις ιδιότητές του.

Δημοφιλέστερος συντάκτες γραφικώνσας επιτρέπει να αποθηκεύετε εικόνες σε διάφορες μορφές. Εάν το πρόγραμμα λειτουργεί με γραφικά ράστερ, τότε προσφέρονται μορφές ράστερ για την αποθήκευση αρχείων· εάν με διανυσματικά γραφικά, τότε, κατά συνέπεια, διανυσματικές μορφές. Ωστόσο, υπάρχουν προγράμματα επεξεργασίας ράστερ που υποστηρίζουν την εξαγωγή σχεδίων σε διανυσματικές και μικτές μορφές. Τέτοιο, για παράδειγμα, είναι το Adobe Photoshop, το οποίο μπορεί να εξάγει ένα σχέδιο σε SVG - μια αρκετά κοινή μορφή σήμερα που μπορεί να αποθηκεύσει τόσο ράστερ όσο και διανυσματικά γραφικά.

Τι είναι η μορφή SVG και πού χρησιμοποιείται;

Αναπτύχθηκε το 2001 από την Κοινοπραξία Παγκόσμιος Ιστός, η μορφή SVG δεν είναι ακριβώς συνηθισμένο έγγραφο. Βασίζεται στις γλώσσες σήμανσης VML και PGML, δηλαδή ουσιαστικά μιλάμε για αρχείο κειμένου. Σε αυτήν την περίπτωση, οι συντάκτες και τα προγράμματα περιήγησης ερμηνεύουν το SVG ως εικόνα, η οποία μπορεί να είναι είτε στατική είτε κινούμενη. Όντας η πιο κοινή μεταξύ άλλων μορφών που έχουν σχεδιαστεί για την αποθήκευση διανυσματικών γραφικών, το SVG χρησιμοποιείται σήμερα ενεργά για την αποθήκευση και τη διανομή διανυσματικών και μικτών εικόνων στο Διαδίκτυο.

Όπως όλες οι μορφές, το SVG έχει τα πλεονεκτήματα και τα μειονεκτήματά του. Τα πρώτα περιλαμβάνουν επεκτασιμότητα χωρίς απώλεια ποιότητας, σχετικά μικρό βάρος, δυνατότητα ενσωμάτωσης εικόνων PNG, GIF, JPG σε έγγραφα SVG, επεξεργασία (αν έχετε την κατάλληλη εμπειρία) σε προγράμματα επεξεργασίας κειμένου, ευρετηρίαση από ρομπότ αναζήτησης, υποστήριξη κινούμενων εικόνων και επικράτηση. Τα πλεονεκτήματα της μορφής περιλαμβάνουν επίσης καλή συμπιεστότητα, άνοιγμα και προσαρμοστικότητα.

Από την άλλη, το SVG κληρονομεί τις ελλείψεις του με όλα τα συνοδευτικά. Η μορφή δεν είναι κατάλληλη για τη δημιουργία σύνθετων αντικειμένων, καθώς τα αρχεία SVG αποκτούν γρήγορα βάρος εάν αποτελούνται από πολλά μικρά μέρη. Επιπλέον, τα προγράμματα πρέπει να διαβάσουν ολόκληρο το έγγραφο για να εμφανίσουν μια εικόνα, γεγονός που καθιστά τη μορφή δύσκολη στη χρήση σε εφαρμογές χαρτογράφησης. Μεταξύ των μειονεκτημάτων της μορφής, σημειώνουμε τη σχετικά χαμηλή συμβατότητα μεταξύ των προγραμμάτων περιήγησης και την έλλειψη τουλάχιστον ελάχιστης υποστήριξης για τρισδιάστατα γραφικά.

Οι καλύτεροι επεξεργαστές για εργασία με αρχεία SVG

Όπως αναφέρθηκε ήδη, μπορείτε να επεξεργαστείτε ένα αρχείο SVG σε ένα κανονικό πρόγραμμα επεξεργασίας κειμένου, αλλά για να το κάνετε αυτό πρέπει να έχετε συγκεκριμένες γνώσεις. Είναι πολύ πιο βολικό και σωστό να χρησιμοποιείτε διανυσματικά προγράμματα επεξεργασίας γραφικών.

Adobe Illustrator

Το πιο λειτουργικό εργαλείο που είναι τέλειο για το ρόλο του επεξεργαστή SVG. Το Adobe Illustrator διαθέτει ένα εντυπωσιακό σύνολο εργαλείων για εργασία με διανυσματικά και συνδυασμένα γραφικά. Σας επιτρέπει να δημιουργείτε και να επεξεργάζεστε τόσο απλά σκίτσα όσο και σύνθετες καλλιτεχνικές εικονογραφήσεις. Όταν εργάζεστε με τη μορφή SVG, ο επεξεργαστής επιτρέπει τη χρήση επιπέδων και γλωσσών δέσμης ενεργειών και τη χρήση ειδικών εφέ.

Boxy SVG

Μπορείτε επίσης να ανοίξετε εικόνες SVG χρησιμοποιώντας την εφαρμογή Boxy SVG, που δημιουργήθηκε ειδικά για εργασία με αυτήν τη μορφή. Αυτό το πρόγραμμα επεξεργασίας είναι από πολλές απόψεις κατώτερο από το Adobe Illustrator, αλλά θα βρείτε τα πάντα σε αυτό βασικά εργαλείαγια να δημιουργήσετε και να επεξεργαστείτε εικόνες SVG. Η εφαρμογή υποστηρίζει εργασία με σχήματα και αντικείμενα, εισαγωγή γραμματοσειρών και εικόνων δημοφιλών μορφών, εργασία με τη βιβλιοθήκη Pixabay, προβολή και επεξεργασία πηγαίου κώδικα SVG και CSS. Το Boxy SVG είναι διαθέσιμο ως διαδικτυακή υπηρεσία και ως εφαρμογή για Windows 10, MacOS και Chrome OS.

Vectr

Πώς αλλιώς μπορείτε να ανοίξετε ένα αρχείο SVG; Για να εργαστείτε με αρχεία αυτού του τύπου, υπάρχει ένα πρόγραμμα που ονομάζεται Vectr, το οποίο αντιμετωπίζει πολύ καλά τις εργασίες επεξεργασίας που του έχουν ανατεθεί. Η εφαρμογή προσφέρει λειτουργίες όπως αλλαγή μεμονωμένων τμημάτων μιας διανυσματικής εικόνας, εργασία με επίπεδα, προσθήκη κειμένου και πρωτόγονων, εφαρμογή εφέ (για παράδειγμα, διαφάνεια, εγκεφαλικό επεισόδιο, εξωτερική και εσωτερική σκιά), χρήση ντεγκραντέ, στυλό, γραμμές και άλλα εργαλεία. Το βοηθητικό πρόγραμμα Vectr είναι δωρεάν και υπάρχουν εκδόσεις για Windows, Linux και Chrome OS.

Inkscape

Σε αντίθεση με τα δύο προηγούμενα προγράμματα, το Inkscape δεν χρειάζεται πολλή εισαγωγή. Αυτό είναι ισχυρό και απόλυτα δωρεάν συντάκτηςμπορεί να χρησιμοποιηθεί για επεξεργασία και δημιουργία διανυσματικών γραφικών οποιασδήποτε πολυπλοκότητας, από εικονίδια SVG έως ολοκληρωμένες εικονογραφήσεις. Το Inkscape μπορεί να λειτουργήσει με μονοπάτια, κείμενο, δείκτες, επίπεδα και κανάλια, διαβαθμίσεις και υφές. Υποστηρίζει επίσης διανυσματοποίηση γραφικών ράστερ, διαχείριση χρωμάτων SVG και πολλά άλλα.

Παρεμπιπτόντως, μπορείτε να αλλάξετε το χρώμα του SVG επεξεργάζοντας τον πηγαίο κώδικα του αρχείου, αλλά για να το κάνετε αυτό πρέπει να έχετε τουλάχιστον μια βασική κατανόηση της γλώσσας CSS και των χρωματικών κωδίκων. Επεξεργάζοντας, για παράδειγμα, την παράμετρο στυλ στο μπλοκ κώδικα που επισημαίνεται στο στιγμιότυπο οθόνης, αντικαταστήσαμε το λευκό χρώμα με κόκκινο. Και έτσι, φυσικά, αν επεξεργαστείτε το SVG με οτιδήποτε, τότε το Inkscape και παρόμοια προγράμματα.

Πώς να ανοίξετε το SVG στο διαδίκτυο

Εάν χρειάζεστε ένα ηλεκτρονικό πρόγραμμα επεξεργασίας SVG, χρησιμοποιήστε τις εκδόσεις web των Boxy SVG, Vectr και Inkscape. Το λειτουργικό σύνολο τέτοιων εκδόσεων είναι σχεδόν πανομοιότυπο με αυτό των επιτραπέζιων εκδόσεων. Η εφαρμογή Inkscape, για παράδειγμα, μπορεί να εκτελεστεί ως μέρος του έργου www.rollapp.com/app/inkscape.

Αν ψάχνετε για κάτι πιο απλό, δοκιμάστε το διαδικτυακό διανυσματικό πρόγραμμα επεξεργασίας Sketchpad, που είναι διαθέσιμο στο sketch.io/sketchpad. Το Sketchpad διαθέτει εργαλεία όπως πινέλα, γραμμές, βέλη, πρωτόγονα, clipart, στυλό, κραγιόν, αερογράφο, γέμισμα κ.λπ. Υπάρχει δουλειά με στρώσεις, παλέτες και κλίσεις.

Αλλά η υπηρεσία δεν είναι κατάλληλη για τη δημιουργία εικόνων SVG από την αρχή, αν και υποστηρίζει τη λειτουργία σχεδίασης ελεύθερης μορφής. Το πρόγραμμα επεξεργασίας απευθύνεται σε αρχάριους χρήστες, ώστε να μπορείτε να το καταλάβετε εύκολα.

Μετατροπείς SVG σε PNG

Μπορείτε να προβάλετε ένα αρχείο SVG ως κανονική εικόνα απλά σύροντάς το στο παράθυρο του προγράμματος περιήγησης, αλλά συμβαίνει επίσης ότι ένα έγγραφο SVG πρέπει να μετατραπεί σε μια πιο προσιτή και οικεία μορφή γραφικών, ας πούμε, PNG. Αν μετατρέψιμα αρχείαπολύ, είναι λογικό να χρησιμοποιείτε το δωρεάν εργαλείο SVG2PNG, το οποίο σας επιτρέπει να μετατρέψετε το SVG σε PNG λειτουργία παρτίδας. Για να μετατρέψετε το SVG σε PNG, ξεκινήστε το βοηθητικό πρόγραμμα, σύρετε διανυσματικά αρχεία στο παράθυρό του, κάντε κλικ στο «Έναρξη» και λάβετε το αποτέλεσμα.

Εάν έχετε εγκαταστήσει στον υπολογιστή σας πρόγραμμα προστασίας από ιούς Μπορώ σαρώστε όλα τα αρχεία στον υπολογιστή σας, καθώς και κάθε αρχείο ξεχωριστά. Μπορείτε να σαρώσετε οποιοδήποτε αρχείο κάνοντας δεξί κλικ στο αρχείο και επιλέγοντας την κατάλληλη επιλογή για σάρωση του αρχείου για ιούς.

Για παράδειγμα, σε αυτό το σχήμα επισημαίνεται αρχείο my-file.svg, τότε πρέπει να κάνετε δεξί κλικ σε αυτό το αρχείο και να επιλέξετε την επιλογή στο μενού αρχείο "σάρωση με AVG". Όταν κάνετε αυτήν την επιλογή, το AVG Antivirus θα ανοίξει και θα σαρώσει το αρχείο για ιούς.

Μερικές φορές μπορεί να προκύψει σφάλμα ως αποτέλεσμα λανθασμένη εγκατάσταση λογισμικού, το οποίο μπορεί να οφείλεται σε πρόβλημα που παρουσιάστηκε κατά τη διαδικασία εγκατάστασης. Αυτό μπορεί να επηρεάσει το λειτουργικό σας σύστημα συνδέστε το αρχείο SVG με τη σωστή εφαρμογή λογισμικού, επηρεάζοντας τα λεγόμενα "συσχετίσεις επέκτασης αρχείων".

Μερικές φορές απλά επανεγκατάσταση του No Cash GBA (No$GBA)μπορεί να λύσει το πρόβλημά σας συνδέοντας σωστά το SVG με το No Cash GBA (No$GBA). Σε άλλες περιπτώσεις, ενδέχεται να προκύψουν προβλήματα με συσχετίσεις αρχείων κακός προγραμματισμός λογισμικούπρογραμματιστή και ίσως χρειαστεί να επικοινωνήσετε με τον προγραμματιστή για περαιτέρω βοήθεια.

Συμβουλή:Δοκιμάστε να ενημερώσετε το No Cash GBA (No$GBA) στην πιο πρόσφατη έκδοση για να βεβαιωθείτε ότι έχετε τις πιο πρόσφατες ενημερώσεις κώδικα και ενημερώσεις.

Αυτό μπορεί να φαίνεται πολύ προφανές, αλλά συχνά Το ίδιο το αρχείο SVG μπορεί να προκαλεί το πρόβλημα. Εάν λάβατε το αρχείο μέσω συνημμένου ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗή το κατέβασαν από έναν ιστότοπο και η διαδικασία λήψης διακόπηκε (για παράδειγμα, διακοπή ρεύματος ή άλλος λόγος), το αρχείο μπορεί να καταστραφεί. Εάν είναι δυνατόν, δοκιμάστε να λάβετε ένα νέο αντίγραφο του αρχείου SVG και προσπαθήστε να το ανοίξετε ξανά.

Προσεκτικά:Ένα κατεστραμμένο αρχείο μπορεί να προκαλέσει παράπλευρη ζημιά σε προηγούμενο ή υπάρχον κακόβουλο λογισμικόστον υπολογιστή σας, επομένως είναι πολύ σημαντικό να διατηρείτε ένα ενημερωμένο antivirus σε λειτουργία στον υπολογιστή σας ανά πάσα στιγμή.

Εάν το αρχείο σας είναι SVG που σχετίζονται με το υλικό στον υπολογιστή σαςγια να ανοίξετε το αρχείο που μπορεί να χρειαστείτε ενημέρωση προγραμμάτων οδήγησης συσκευώνπου σχετίζονται με αυτόν τον εξοπλισμό.

Αυτό το πρόβλημα συνήθως σχετίζεται με τύπους αρχείων πολυμέσων, τα οποία εξαρτώνται από το επιτυχές άνοιγμα του υλικού μέσα στον υπολογιστή, π.χ. κάρτα ήχου ή κάρτα βίντεο. Για παράδειγμα, εάν προσπαθείτε να ανοίξετε ένα αρχείο ήχου αλλά δεν μπορείτε να το ανοίξετε, ίσως χρειαστεί ενημέρωση προγραμμάτων οδήγησης κάρτας ήχου.

Συμβουλή:Εάν όταν προσπαθείτε να ανοίξετε ένα αρχείο SVG, λαμβάνετε Μήνυμα σφάλματος αρχείου .SYS, το πρόβλημα μπορεί να είναι σχετίζεται με κατεστραμμένα ή παλιά προγράμματα οδήγησης συσκευώνπου πρέπει να ενημερωθούν. Αυτή η διαδικασία μπορεί να γίνει ευκολότερη χρησιμοποιώντας λογισμικό ενημέρωσης προγραμμάτων οδήγησης όπως το DriverDoc.

Εάν τα βήματα δεν λύσουν το πρόβλημακαι εξακολουθείτε να αντιμετωπίζετε προβλήματα με το άνοιγμα αρχείων SVG, αυτό μπορεί να οφείλεται σε έλλειψη διαθέσιμων πόρων συστήματος. Ορισμένες εκδόσεις αρχείων SVG ενδέχεται να απαιτούν σημαντικό όγκο πόρων (π.χ. μνήμη/RAM, υπολογιστική ισχύς) για να ανοίξει σωστά στον υπολογιστή σας. Αυτό το πρόβλημα παρουσιάζεται αρκετά συχνά εάν χρησιμοποιείτε έναν αρκετά παλιό υπολογιστή. Σκεύη, εξαρτήματακαι ταυτόχρονα ένα πολύ νεότερο λειτουργικό σύστημα.

Αυτό το ζήτημα μπορεί να προκύψει όταν ο υπολογιστής δυσκολεύεται να ολοκληρώσει μια εργασία επειδή λειτουργικό σύστημα(και άλλες υπηρεσίες που εκτελούνται Ιστορικό) μπορώ καταναλώνουν πάρα πολλούς πόρους για να ανοίξετε το αρχείο SVG. Δοκιμάστε να κλείσετε όλες τις εφαρμογές στον υπολογιστή σας πριν ανοίξετε το Αποθηκευμένο Αρχείο παιχνιδιού. Απελευθερώνοντας όλους τους διαθέσιμους πόρους στον υπολογιστή σας, θα είστε στην καλύτερη δυνατή θέση για να προσπαθήσετε να ανοίξετε το αρχείο SVG.

Αν εσύ ολοκλήρωσε όλα τα βήματα που περιγράφονται παραπάνωκαι το αρχείο SVG εξακολουθεί να μην ανοίγει, ίσως χρειαστεί να το εκτελέσετε ενημέρωση εξοπλισμού. Στις περισσότερες περιπτώσεις, ακόμη και όταν χρησιμοποιείτε παλαιότερες εκδόσεις υλικού, η επεξεργαστική ισχύς μπορεί να είναι ακόμη περισσότερο από επαρκής για τις περισσότερες εφαρμογές χρηστών (εκτός αν κάνετε πολλή εργασία με ένταση CPU, όπως απόδοση 3D, οικονομική/επιστημονική μοντελοποίηση ή εντατική εργασία πολυμέσων) . Ετσι, είναι πιθανό ο υπολογιστής σας να μην έχει αρκετή μνήμη(πιο κοινώς ονομάζεται "RAM", ή ΕΜΒΟΛΟ) για να εκτελέσετε την εργασία ανοιχτού αρχείου.

Από τον συγγραφέα:Οι εικόνες SVG δεν είναι τόσο κοινές όσο οι αγαπημένες μας μορφές ράστερ, PNG και JPG, αλλά τα οφέλη των διανυσματικών γραφικών προσελκύουν όλο και περισσότερους σχεδιαστές. Οι σχεδιαστές χρησιμοποιούν όλο και περισσότερο διανυσματικά γραφικά στα έργα τους. Προηγουμένως, έπρεπε να κατεβάσουμε εφαρμογές για υπολογιστές όπως το Adobe Illustrator και το Inkscape, αλλά το 2017 μπορούμε να σχεδιάσουμε διανυσματικά γραφικά χωρίς να φύγουμε από το πρόγραμμα περιήγησης. Αν ψάχνατε για ένα δωρεάν πρόγραμμα επεξεργασίας SVG, μπορείτε να ξεκινήσετε με αυτά τα έξι δωρεάν εργαλεία.

Vectr

Vectr – μια καλή επιλογήγια αρχάριους και προχωρημένους χρήστες SVG. Η διεπαφή είναι προσεγμένη και δεν είναι γεμάτη με πάρα πολλά εργαλεία που δεν θα χρησιμοποιήσετε. Το πρόγραμμα επεξεργασίας είναι κατάλληλο για αρχάριους στη διανυσματική απεικόνιση. Ο χρήστης δεν πρέπει να χαθεί ανάμεσα σε εργαλεία που δεν χρησιμοποιούνται για ποιο σκοπό. Το κιτ περιλαμβάνει πολλά μαθήματα. Ακόμα κι αν είστε νέοι στο SVG, μπορείτε να μάθετε γρήγορα.

Ωστόσο, όλα τα παραπάνω δεν σημαίνουν ότι το Vectr έχει κακή λειτουργικότητα. Διαθέτει όλα τα βασικά σετ για τη δημιουργία μιας κανονικής εικόνας: σχήματα, κείμενο, επίπεδα, σκιές, πλαίσια, φόντο κ.λπ. Δεν μπορεί να συγκριθεί με ένα πλήρες πρόγραμμα επεξεργασίας επιφάνειας εργασίας, αλλά για γρήγορους σχεδιασμούς και επεξεργασίες είναι περισσότερο από αρκετό. Μπορείτε να δημιουργήσετε μια εικόνα από την αρχή ή να ανεβάσετε μια υπάρχουσα.

Ενδέχεται να προκύψουν σφάλματα κατά τη φόρτωση σύνθετων εικόνων στο Vectr (χάρτες ή λεπτομερή διαγράμματα). Ο επεξεργαστής δεν χειρίζεται πάντα καλά πολύπλοκα γραφικά. Ωστόσο, για απλούστερα SVG (εικονίδια, λογότυπα, κ.λπ.) αυτό το πρόγραμμα επεξεργασίας θα είναι αρκετό.

JavaScript. Γρήγορη εκκίνηση

Αν μέσα διαδικτυακές εκδόσειςΔεν υπάρχουν λειτουργίες που χρειάζεστε, μπορείτε να κατεβάσετε την έκδοση για υπολογιστές της εφαρμογής. Το πρόγραμμα επεξεργασίας είναι διαθέσιμο για Windows, Mac, Linux και Chromebook.

Ίσως το πιο ωραίο χαρακτηριστικό του Vectr είναι ότι μπορείτε να συνδέσετε και να ενσωματώσετε εικόνες απευθείας από τον ιστότοπο του Vectr, καθιστώντας τον έναν αποτελεσματικό κεντρικό υπολογιστή SVG. Πολλές υπηρεσίες εμποδίζουν τη λήψη αρχείων SVG, επομένως αυτό είναι ένα σοβαρό πλεονέκτημα. Μπορείτε να εμφανίσετε εικόνες SVG από το Vectr σε απομακρυσμένους ιστότοπους όπως WP, Medium, Tumblr κ.λπ. που εμποδίζουν την άμεση φόρτωση SVG αλλά επιτρέπουν την απομακρυσμένη εμφάνιση.

Το Vectr σάς επιτρέπει να μοιράζεστε διανυσματικά γραφικά στον πίνακα επεξεργασίας, έτσι ώστε άλλοι χρήστες να μπορούν να τροποποιήσουν τα γραφικά που δημιουργείτε. Δηλαδή, μπορείτε, για παράδειγμα, να δημιουργήσετε ένα πρότυπο λογότυπου SVG το οποίο οι χρήστες μπορούν να προσαρμόσουν σύμφωνα με τις προτιμήσεις τους. Όλα αυτά στο πρόγραμμα περιήγησης.

Για το σκοπό αυτό, το Vectr κυκλοφόρησε πρόσφατα μια έκδοση του προγράμματος επεξεργασίας στη φόρμα πρόσθετο για WP.

RollApp

Σε αντίθεση με άλλα εργαλεία της λίστας, όταν πηγαίνετε στο αρχική σελίδα RollApp, το πρόγραμμα επεξεργασίας δεν ανοίγει μπροστά σας. Το RollApp είναι μια σουίτα εφαρμογών και το πρόγραμμα επεξεργασίας SVG είναι μόνο μία από τις εφαρμογές. Υπέροχο εργαλείο, αυτή είναι η έκδοση του προγράμματος περιήγησης Inkscape.

Για να χρησιμοποιήσετε το RollApp χρειάζεστε έναν λογαριασμό. Μπορείτε να εγγραφείτε νέο ή να συνδεθείτε με χρησιμοποιώντας το Google, Facebook, Amazon. Πολύ βολικό, μισώ τη δημιουργία χιλιάδων νέων λογαριασμών μόνο για να δω την εφαρμογή.

Το Inkscape στα καλύτερά του! Χωρίς αμφιβολία, το RollApp είναι η πιο πλούσια σε χαρακτηριστικά εφαρμογή στη λίστα. Χρησιμοποιείτε κυριολεκτικά το Inkscape στο πρόγραμμα περιήγησής σας! Δεν έχω συγκρίνει κάθε λεπτομέρεια, αλλά αυτή η εφαρμογή φαίνεται να έχει ΟΛΕΣ τις δυνατότητες του Incscape, όπως επίπεδα, αντικείμενα, κείμενο, διαδρομές, φίλτρα, εφέ, επεκτάσεις κ.λπ.

Τα μεγάλα αρχεία δεν υποβάλλονται σε επεξεργασία τόσο γρήγορα, επειδή οι ενέργειες εκτελούνται σε διακομιστές εφαρμογών και μέσω Διαδικτύου. Εν ολίγοις - εάν χρειάζεται να επεξεργαστείτε μεγάλα και πολύπλοκα αρχεία, το RollApp δεν θα το κάνει ιδανική επιλογή, αλλά για άλλες εργασίες που δεν περιλαμβάνονται στο βασικό σετ, αυτός ο επεξεργαστής είναι πιο κατάλληλος από άλλους.

BoxySVG

Εάν διαβάζετε το SitePoint για μεγάλο χρονικό διάστημα, θα πρέπει να είστε εξοικειωμένοι με το πρόγραμμα επεξεργασίας BoxySVG, γιατί τους τελευταίους 12 μήνες έχουμε ήδη μιλήσει για αυτόν. Δεν θα κάνω λεπτομερή ανασκόπηση, αφού αυτό έχει ήδη γίνει στο αυτό το άρθρο.

JavaScript. Γρήγορη εκκίνηση

Μάθετε τα βασικά της JavaScript με ένα πρακτικό παράδειγμα για το πώς να δημιουργήσετε μια εφαρμογή Ιστού.

Αυτό που είναι σημαντικό είναι ότι από την κριτική του Alex, το BoxySVG έχει προσθέσει έναν επιθεωρητή κώδικα, καθιστώντας το ένα από τα πιο σχετικά εργαλεία SVG για προγραμματιστές ιστού.

Janvas

Λίγα χρόνια πριν Janvasήταν ένας πολύ δημοφιλής επεξεργαστής SVG. Δυστυχώς, ΠρόσφαταΑυτός ο επεξεργαστής δεν αναπτύσσεται, αλλά ακόμα και έτσι εξακολουθεί να λειτουργεί. Ο ιστός προχωρά, αλλά ο Janvas είναι στάσιμος, οπότε το ενδιαφέρον γι' αυτόν έχει ατονήσει. Ο Alex από το SitePoint δούλεψε λίγο με αυτό το εργαλείο το 2013-14 (συμπεριλαμβανομένης της πληρωμένης έκδοσης) και απάντησε ακόμη και σε ερωτήσεις για λίγο στη σελίδα Google+. Το Janvas ήταν ένα πολύ δυνατό εργαλείο.

Το κύριο πρόβλημα με το Janvas είναι ότι είναι λίγο ξεπερασμένο. Τα προγράμματα περιήγησης εξελίσσονται και οι εφαρμογές που δεν ακολουθούν τα προγράμματα περιήγησης γίνονται λιγότερο σταθερές κάθε μέρα. Το Janvas έχει πολλά χαρακτηριστικά: σχήματα, κείμενο, εργαλεία σχεδίασης, διαδρομές, μάσκες και επίπεδα. Ωστόσο, οι χρήστες στα φόρουμ λένε ότι πολλές από αυτές τις λειτουργίες δεν φέρνουν τα επιθυμητά αποτελέσματα.

Υπάρχουν καλά νέα - μια νέα έκδοση θα κυκλοφορήσει με τη μορφή μιας εφαρμογής Chrome. Ελπίζουμε να διορθώσουν τα προβλήματα.

DrawSVG

Μπορεί να έχετε ήδη επιλέξει έναν δωρεάν διαδικτυακό επεξεργαστή SVG. Αν όχι, τότε προχωρήστε. DrawSVGείναι ένα πλήρως συμβατό πρόγραμμα επεξεργασίας SVG με πολλές δυνατότητες. Μου αρέσει πολύ που ο σχεδιασμός αυτής της εφαρμογής είναι πραγματικά προσαρμοσμένος στον Ιστό και δεν μοιάζει με θύρα μιας εφαρμογής επιτραπέζιου υπολογιστή σε πρόγραμμα περιήγησης. Το μενού βρίσκεται στα αριστερά, κάνοντας κλικ ανοίγει ένα μενού δεύτερου επιπέδου κ.λπ.

Με το DrawSVG μπορείτε να σχεδιάσετε, να τροποποιήσετε και να αποδώσετε αντικείμενα. Μπορείτε να σχεδιάσετε απλά σχήματα, υπάρχουν καμπύλες Bezier, ίσιο και καμπύλο κείμενο, πολλά στυλ πινελιών και γεμισμάτων κ.λπ. Το SVG μπορεί επίσης να εξαχθεί σε PNG.

SVG-επεξεργασία

SVG-επεξεργασία- παππούς διαδικτυακοί συντάκτεςδιανυσματικά γραφικά, εμφανίστηκαν στα μέσα της δεκαετίας του 2000. Δεν υπάρχει λειτουργικότητα διακομιστή, όλα λειτουργούν στο πρόγραμμα περιήγησης. Είναι αδύνατο να αποθηκεύσετε την εργασία σας χωρίς να προσθέσετε τη δική σας λειτουργικότητα.

Ωστόσο, για έναν επεξεργαστή του οποίου η ζωή ξεκίνησε ως ένα πολύ περιορισμένο και σκοτεινό διανυσματικό πρόγραμμα σχεδίασης, η λειτουργικότητα του SVG-edit βελτιώνεται συνεχώς.

Χρησιμοποιώντας το SVG-edit μπορείτε να σχεδιάσετε απλά σχήματα (γραμμές, ορθογώνια, κύκλους, πολύγωνα, ελεύθερες γραμμές κ.λπ.), να χρησιμοποιήσετε διαδρομές, επίπεδα, διαβαθμίσεις, μπορείτε να προβάλετε και να επεξεργαστείτε πηγές SVG, να κάνετε εξαγωγή σε PNG, JPEG, BMP , WEBP, και τα λοιπά.

συμπέρασμα

Εκτός από αυτούς τους 6 επεξεργαστές SVG, υπάρχουν και άλλοι, αλλά λίγοι προσφέρουν περισσότερη λειτουργικότητα από τους πέντε που φαίνονται παραπάνω.

Εάν θέλετε να ασχοληθείτε σοβαρά με το SVG και αυτά τα εργαλεία δεν έχουν τη λειτουργικότητα που χρειάζεστε, μπορείτε πάντα να κάνετε λήψη ενός προγράμματος επεξεργασίας SVG για επιτραπέζιους υπολογιστές όπως το Illustrator ή το Inkscape. Ωστόσο, για ευκολία, ταχύτητα και ευελιξία, όλα τα παραπάνω προγράμματα επεξεργασίας προσφέρουν ένα χρήσιμο σύνολο δυνατοτήτων.

ΥΓ: Μπορείτε επίσης να δοκιμάσετε Figma. Είναι περισσότερο ένα εργαλείο δημιουργίας διεπαφής χρήστη παρά ένας επεξεργαστής SVG. Ωστόσο, διαθέτει ένα εξαιρετικό σύνολο εργαλείων και δημιουργεί καλά βελτιστοποιημένο κώδικα SVG.