Μια εικόνα που περιγράφεται με σχήματα

Γιατί κάποια γραφικά μεγαλώνουν χωρίς να θολώνουν;

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

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

Οι γεωμετρικές οδηγίες επιτρέπουν να αλλάξουν χρώματα και διαστάσεις χωρίς να χρειάζεται να αποθηκευτεί κάθε πιθανή παραλλαγή ως ξεχωριστή φωτογραφία. Το αποτέλεσμα μπορεί να ενσωματωθεί στην εμφάνιση μιας ιστοσελίδας με μεγάλη ευελιξία.

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

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

Πηγές: developer.mozilla.org