Σε αυτό το σεμινάριο, θα σας δείξω πώς να αποθηκεύσετε τα διανυσματικά γραφικά που έχετε δημιουργήσει σε μορφή διανυσματικών γραφικών με δυνατότητα κλιμάκωσης (SVG ). Τα αρχεία SVG είναι ιδιαίτερα κατάλληλα για χρήση στο διαδίκτυο, καθώς απαιτούν μικρό αποθηκευτικό χώρο και μπορούν να κλιμακωθούν σε οποιοδήποτε μέγεθος χωρίς απώλεια ποιότητας. Είτε πρόκειται για το λογότυπο της εταιρείας σας, είτε για ένα εικονίδιο είτε για ένα σχέδιο - αφού δημιουργήσετε τα διανυσματικά γραφικά σας στο Inkscape, θα σας εξοικειώσω με τη διαδικασία αποθήκευσης, ώστε να μπορείτε να χρησιμοποιήσετε τη δουλειά σας με τον καλύτερο δυνατό τρόπο για το διαδίκτυο.
Βασικά συμπεράσματα
- Τα αρχεία SVG προσφέρουν υψηλή κλιμάκωση και μικρό μέγεθος αρχείου.
- Το Inkscape αποθηκεύει διανυσματικά γραφικά σε μορφή SVG, η οποία περιέχει ειδικές πληροφορίες σχετικά με τα επίπεδα και τους οδηγούς.
- Υπάρχουν διαφορετικοί τύποι SVG: το εγγενές Inkscape SVG και τα βελτιστοποιημένα SVG, τα οποία είναι πιο κατάλληλα για τον ιστό.
Οδηγίες βήμα προς βήμα
Για να αποθηκεύσετε τα διανυσματικά γραφικά σας σε μορφή SVG, προχωρήστε ως εξής:
Πρώτον, θα πρέπει να βεβαιωθείτε ότι το σχέδιό σας έχει οριστικοποιηθεί στο Inkscape. Εάν αυτό συμβαίνει, κάντε κλικ στην επιλογή File (Αρχείο) στην επάνω γραμμή μενού.
Στο αναπτυσσόμενο μενού, επιλέξτε την επιλογή Save as (Αποθήκευση ως). Αυτό θα ανοίξει ένα νέο παράθυρο όπου μπορείτε να επιλέξετε τη θέση και τον τύπο αρχείου.
Από προεπιλογή, το Inkscape αποθηκεύει στη δική του μορφή SVG, η οποία περιέχει πληροφορίες σχετικά με τα επίπεδα και τη δομή του σχεδίου σας. Για χρήση στο διαδίκτυο, ωστόσο, είναι προτιμότερο να χρησιμοποιήσετε μια βελτιστοποιημένη έκδοση. Βρείτε τη θέση στον σκληρό σας δίσκο όπου θέλετε να αποθηκεύσετε το αρχείο.
Επιλέξτε είτε κανονικό SVG είτε βελτιστοποιημένο SVG από το αναπτυσσόμενο μενού για τον τύπο αρχείου. Για την πρώτη προσπάθεια, επιλέξτε κανονικό SVG.
Δώστε στο αρχείο ένα όνομα, για παράδειγμα Logo_normal, και επιβεβαιώστε με την επιλογή Αποθήκευση. Αυτό το αρχείο έχει πλέον αποθηκευτεί σε κανονική μορφή SVG.
Θα δείτε ότι αυτό το αρχείο είναι συνήθως μικρότερο από το Inkscape SVG, το οποίο μπορεί να έχει μέγεθος περίπου 11 KB. Το κανονικό SVG μπορεί να είναι μικρότερο από 6 KB, το οποίο απαιτεί σημαντικά λιγότερη μνήμη.
Τώρα επαναλάβετε τη διαδικασία κάνοντας ξανά κλικ στο File (Αρχείο) και στη συνέχεια στο Save As (Αποθήκευση ως), αλλά αυτή τη φορά επιλέξτε Optimized SVG (Βελτιστοποιημένο SVG).
Μετονομάστε το αρχείο σε Logo_optimized, για παράδειγμα, και αποθηκεύστε το. Θα σας ζητηθούν ορισμένες επιλογές. Εδώ μπορείτε να μετατρέψετε τα χαρακτηριστικά CSS σε χαρακτηριστικά XML και να κάνετε διάφορες ρυθμίσεις βελτιστοποίησης. Σας συνιστώ να επιλέξετε τις επιλογές που σας φαίνονται καλύτερες.
Επιβεβαιώστε την επιλογή σας και ρίξτε μια ματιά στο νέο μέγεθος του αρχείου. Συχνά η βελτιστοποιημένη έκδοση θα έχει μέγεθος μόνο 4 KB. Αυτό δείχνει ότι το αρχείο έχει συμπιεστεί ακόμη περισσότερο με τη χρήση αυτής της μεθόδου.
Εάν ανοίξετε τώρα τα αρχεία στο πρόγραμμα περιήγησης, θα παρατηρήσετε ότι τόσο το κανονικό όσο και το βελτιστοποιημένο SVG φαίνονται πανομοιότυπα. Εισάγετε τις διευθύνσεις URL των αρχείων στη γραμμή διευθύνσεων του προγράμματος περιήγησης για να ελέγξετε το αποτέλεσμα.
Για να ελέγξετε την επεκτασιμότητά τους, μπορείτε να ρυθμίσετε το επίπεδο ζουμ του προγράμματος περιήγησης. Για παράδειγμα, αν κάνετε ζουμ στο 50% ή μέχρι το 300%. Θα παρατηρήσετε ότι οι άκρες παραμένουν ευκρινείς, ανεξάρτητα από το επίπεδο ζουμ.
Αυτές οι ιδιότητες των αρχείων SVG τα καθιστούν κατάλληλα για χρήση σε ιστότοπους. Μπορείτε να είστε σίγουροι ότι το λογότυπό σας θα εμφανίζεται καθαρό και ευκρινές σε όλες τις συσκευές, ανεξάρτητα από το πόσο μεγάλο είναι το μέγεθος της οθόνης.
Χρησιμοποιώντας τη μορφή SVG για τα γραφικά σας, όχι μόνο μειώνετε το μέγεθος του αρχείου, αλλά διασφαλίζετε επίσης ότι η ποιότητα των σχεδίων σας διατηρείται σε οποιαδήποτε ανάλυση.
Περίληψη
Σε αυτό το σεμινάριο, μάθατε πώς να αποθηκεύετε τα διανυσματικά γραφικά σας σε μορφή SVG. Αυτό σας επιτρέπει να χρησιμοποιείτε αποτελεσματικά τα σχέδιά σας για τον ιστό και προσφέρει το πλεονέκτημα της επεκτασιμότητας και του μικρού μεγέθους αρχείου.
Συχνές ερωτήσεις
Πώς μπορώ να αποθηκεύσω ένα διανυσματικό γραφικό στο Inkscape ως SVG; Κάντε κλικ στην επιλογή Αρχείο, στη συνέχεια στην επιλογή Αποθήκευση ως, επιλέξτε τη μορφή SVG και εισαγάγετε ένα όνομα αρχείου.
Ποια είναι η διαφορά μεταξύ του κανονικού SVG και του βελτιστοποιημένου SVG; Το κανονικό SVG περιέχει περισσότερες πληροφορίες σχετικά με τα επίπεδα, ενώ το βελτιστοποιημένο SVG είναι συμπιεσμένο και καθαρισμένο για χρήση στο διαδίκτυο.
Πώς μπορώ να ελέγξω τη δυνατότητα κλιμάκωσης του αρχείου SVG;Ανοίξτε το αρχείο SVG στο πρόγραμμα περιήγησης και ρυθμίστε το επίπεδο ζουμ για να ελέγξετε την ποιότητα σε διαφορετικά μεγέθη.
