Μετατροπή SVG σε GIF
Αποδώστε ένα SVG ως εικόνα GIF στο πλάτος που επιλέγετε, για σημεία που δέχονται GIF αλλά δεν εμφανίζουν διανυσματικά αρχεία. Το αποτέλεσμα είναι στατική εικόνα με παλέτα έως 256 χρωμάτων, που παραμένει διαφανής όπου το SVG δεν έχει τίποτα σχεδιασμένο.
Μετατροπέας εικόνων
ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Το 85 κρατά τις φωτογραφίες οπτικά ίδιες με το πρωτότυπο. Μειώστε το μόνο αν χρειάζεστε μικρότερο αρχείο.
Τα JPG, BMP και EPS δεν έχουν διαφάνεια. Τα διάφανα pixel γεμίζουν με αυτό το χρώμα.
Δεκαεξαδικό χρώμα πίσω από τα διάφανα pixel, π.χ. #FFFFFF.
Αυτή η μορφή κρατά μία μόνο εικόνα. Επιλέξτε έξοδο GIF ή WebP αν θέλετε να διατηρηθεί το κινούμενο σχέδιο.
Ένα εικονίδιο πολλών μεγεθών περιέχει αρκετές αναλύσεις σε ένα αρχείο· τα προγράμματα περιήγησης και τα λειτουργικά συστήματα διαλέγουν αυτή που χρειάζονται.
Κρατήστε τις αρχικές διαστάσεις ή εισαγάγετε τη μία πλευρά και η αναλογία διατηρείται.
Pixel για την πλευρά που επιλέξατε παραπάνω.
Ποσοστό των αρχικών διαστάσεων.
Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.
Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 1
Ανεβάστε τα αρχεία SVG
Προσθέστε έως 20 αρχεία .svg, έως 95 MB το καθένα, από τον υπολογιστή σας ή σύροντάς τα στην περιοχή μεταφόρτωσης.
- 2
Ορίστε το πλάτος σε pixel
Αυτή η σελίδα σχεδιάζει τη διανυσματική εικόνα με πλάτος 600 px. Αλλάξτε τον αριθμό στο πεδίο Αλλαγή μεγέθους τελικής εικόνας μέσα στις Σύνθετες ρυθμίσεις· το ύψος ακολουθεί τις αναλογίες του σχεδίου.
- 3
Μετατροπή σε GIF
Πατήστε Μετατροπή σε GIF και κατεβάστε κάθε εικόνα ή ολόκληρο το σύνολο ως ZIP. Ελέγξτε ένα αρχείο πάνω στο φόντο όπου θα τοποθετηθεί πριν το χρησιμοποιήσετε.
Η μετατροπή SVG σε GIF ανταλλάσσει ένα σχέδιο ανεξάρτητο από την ανάλυση με ένα σταθερό πλέγμα το πολύ 256 χρωμάτων, κάτι που ταιριάζει σε επίπεδα λογότυπα και εικονίδια και λιγότερο σε διαβαθμίσεις.
Μετατροπή SVG σε GIF στο πλάτος που χρειάζεστε
Ένα SVG είναι ένα σύνολο οδηγιών: σχεδίασε αυτή τη διαδρομή, γέμισέ την με αυτό το χρώμα, τοποθέτησε αυτό το κείμενο. Ένα GIF είναι το αντίθετο, ένα πλέγμα pixel που το καθένα παραπέμπει σε μία από έως 256 εγγραφές παλέτας. Η μετατροπή σημαίνει ότι οι οδηγίες σχεδιάζονται μία φορά σε επιλεγμένο πλάτος pixel και το αποτέλεσμα αποθηκεύεται, γι' αυτό το πλάτος στο πεδίο Αλλαγή μεγέθους τελικής εικόνας μετράει περισσότερο από κάθε άλλη ρύθμιση. Αυτή η σελίδα ξεκινά από 600 px.
Το GIF χρονολογείται από το 1987, όταν το δημοσίευσε η CompuServe, και η αναθεώρηση του 1989, GIF89a, πρόσθεσε διαφάνεια και καθυστερήσεις καρέ. Αυτή η ηλικία είναι σήμερα το βασικό του πλεονέκτημα: λογισμικό που αρνείται νεότερες μορφές, από παλιές μηχανές φόρουμ μέχρι ορισμένα προγράμματα email και δίκτυα διαφημίσεων, εξακολουθεί να εμφανίζει GIF. Αντίθετα, το SVG μπλοκάρεται σε πολλές φόρμες μεταφόρτωσης επειδή είναι XML που μπορεί να περιέχει scripts.
Επειδή η πηγή είναι διανυσματική, μπορείτε να τη σχεδιάσετε σε οποιοδήποτε πλάτος χωρίς απώλεια ευκρίνειας. Επιλέξτε το μέγεθος στο οποίο θα εμφανιστεί πραγματικά το GIF· αν μεγεθύνετε αργότερα ένα μικρό GIF, επιστρέφει η θολούρα που το SVG δεν είχε ποτέ.
| from ↓ · to → | Διαφανές φόντο | Απαλές ημιδιαφανείς άκρες | Περισσότερα από 256 χρώματα | Animation |
|---|---|---|---|---|
| GIF | GIF to Διαφανές φόντο: yes | – GIF to Απαλές ημιδιαφανείς άκρες: no | – GIF to Περισσότερα από 256 χρώματα: no | GIF to Animation: yes |
| PNG | PNG to Διαφανές φόντο: yes | PNG to Απαλές ημιδιαφανείς άκρες: yes | PNG to Περισσότερα από 256 χρώματα: yes | – PNG to Animation: no |
| WEBP | WEBP to Διαφανές φόντο: yes | WEBP to Απαλές ημιδιαφανείς άκρες: yes | WEBP to Περισσότερα από 256 χρώματα: yes | WEBP to Animation: yes |
| JPG | – JPG to Διαφανές φόντο: no | – JPG to Απαλές ημιδιαφανείς άκρες: no | JPG to Περισσότερα από 256 χρώματα: yes | – JPG to Animation: no |
SVG
Scalable Vector Graphics
Το SVG είναι μορφή διανυσμάτων βασισμένη σε XML, που τυποποιήθηκε από το W3C το 2001. Αντί για pixel περιγράφει σχήματα, διαδρομές και κείμενο, οπότε παραμένει καθαρό σε κάθε μέγεθος και συνήθως είναι πολύ μικρό για λογότυπα και εικονίδια. Υποστηρίζει διαφάνεια, στυλ CSS, σενάρια και κινούμενα σχέδια, και κάθε πρόγραμμα περιήγησης το εμφανίζει εγγενώς. Το SVG δεν ενδείκνυται για φωτογραφίες και οι σύνθετες εικονογραφήσεις μπορεί να αργούν να αποδοθούν. Μπορείτε να το ανοίξετε και να το επεξεργαστείτε με Illustrator, Inkscape, Figma και προγράμματα περιήγησης.
- Συμπίεση
- –
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 2001 · W3C
GIF
Graphics Interchange Format
Το GIF παρουσιάστηκε από την CompuServe το 1987 και παραμένει η πιο ευρέως υποστηριζόμενη μορφή για σύντομα κινούμενα γραφικά που επαναλαμβάνονται. Είναι χωρίς απώλειες, αλλά περιορίζεται σε παλέτα 256 χρωμάτων ανά καρέ, οπότε οι φωτογραφίες και οι διαβαθμίσεις εμφανίζουν ζώνες χρώματος και διαστίξεις (dithering). Υποστηρίζει μόνο διαφάνεια ενεργοποίησης/απενεργοποίησης (1 bit), που αφήνει οδοντωτές άκρες σε καμπύλα σχήματα. Τα κινούμενα GIF είναι συχνά πολύ μεγαλύτερα από το ίδιο κλιπ σε MP4 ή WebP. Όλοι οι browser, οι εφαρμογές συνομιλίας και οι πλατφόρμες κοινωνικής δικτύωσης αναπαράγουν GIF.
- Συμπίεση
- Χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 1987 · CompuServe
Το SVG σε GIF υπάρχει για προορισμούς που έχουν μείνει στο GIF, όπως υπογραφές email, παλιά φόρουμ και διαφημιστικές θέσεις, και χρειάζονται μια μικρή επίπεδη εικόνα ενός διανυσματικού λογότυπου· η μετατροπή GIF σε SVG είναι εργασία ανίχνευσης που στοχεύει να ανακτήσει κλιμακούμενο σχέδιο.
Κινούμενο SVG σε GIF: τι δεν μετατρέπεται
Τα κινούμενα εφέ SMIL, CSS και script παραλείπονται
Ένα SVG που κινείται στο πρόγραμμα περιήγησης μέσω στοιχείων animate, CSS keyframes ή JavaScript γίνεται ένα μόνο στατικό καρέ GIF που δείχνει την αρχική κατάσταση. Για κινούμενο GIF, καταγράψτε την animation ως βίντεο και μετατρέψτε το με το εργαλείο βίντεο σε GIF.
256 χρώματα και διαφάνεια ενός bit στην πράξη
Τα περισσότερα λογότυπα SVG χρησιμοποιούν λίγα επίπεδα χρώματα, οπότε το όριο της παλέτας δεν κοστίζει τίποτα. Τα προβληματικά σημεία είναι οι εξομαλυμένες άκρες και οι διαβαθμίσεις. Κάθε καμπύλη άκρη σε ένα σχεδιασμένο SVG περιέχει ενδιάμεσα pixel που είναι μερικώς διαφανή· το GIF πρέπει να τα κάνει όλα πλήρως ορατά ή πλήρως διαφανή, κάτι που μπορεί να αφήσει σκαλωτό περίγραμμα ή ανοιχτόχρωμη άλω.
Η λύση είναι να αποφασίσετε το φόντο πριν τη μετατροπή. Αν το GIF θα μπει σε λευκό σώμα email, δώστε στο SVG ένα λευκό ορθογώνιο φόντου· σε σκούρο θέμα φόρουμ, χρησιμοποιήστε το χρώμα του θέματος. Τότε τα pixel των άκρων αναμειγνύονται στο σωστό χρώμα και το περίγραμμα μένει ομαλό. Αν δεν μπορείτε να το γνωρίζετε εκ των προτέρων, το PNG είναι ασφαλέστερο.
Ερωτήσεις για τη μετατροπή SVG σε GIF
Γιατί GIF αντί για PNG για ένα λογότυπο SVG;
Μόνο όταν ο προορισμός απαιτεί GIF, όπως ένα παλιό CMS, η υπογραφή σε ένα φόρουμ ή ένα πρότυπο διαφήμισης που ορίζει το GIF ως τύπο εικόνας. Το PNG διατηρεί απαλές άκρες και απεριόριστα χρώματα, οπότε το SVG σε PNG είναι η καλύτερη προεπιλογή όποτε επιτρέπονται και τα δύο.
Θα γίνει το κινούμενο SVG μου κινούμενο GIF;
Όχι. Ο μετατροπέας σχεδιάζει το SVG μία φορά, στην αρχική του κατάσταση, επομένως τα στοιχεία κίνησης SMIL, τα CSS keyframes και τα scripts δεν εκτελούνται και προκύπτει ένα στατικό καρέ. Για να αποτυπώσετε την κίνηση, καταγράψτε την animation σε πρόγραμμα περιήγησης ως βίντεο και χρησιμοποιήστε το βίντεο σε GIF.
Γιατί οι άκρες του λογότυπου φαίνονται οδοντωτές ή έχουν ανοιχτόχρωμη άλω;
Η διαφάνεια στο GIF είναι ενεργή ή ανενεργή για κάθε pixel, οπότε τα ομαλά, μερικώς διαφανή pixel στις άκρες ενός SVG πρέπει είτε να διατηρηθούν είτε να απορριφθούν. Άκρες που είχαν αναμειχθεί για ένα φόντο εμφανίζουν άλω σε άλλο. Προσθέστε ένα ορθογώνιο φόντου στο χρώμα της σελίδας προορισμού πριν τη μετατροπή και οι άκρες θα ενωθούν ομαλά.
Τι γίνεται με τις διαβαθμίσεις χρώματος του SVG;
Η παλέτα του GIF περιέχει το πολύ 256 χρώματα, επομένως οι ομαλές διαβαθμίσεις πρέπει να προσεγγιστούν. Οι σύντομες διαβαθμίσεις φαίνονται καλά· οι μεγάλες και λεπτές εμφανίζουν βαθμίδες ή κουκκιδωτό μοτίβο dithering. Τα λογότυπα και τα εικονίδια με επίπεδα χρώματα, που είναι το συνηθισμένο περιεχόμενο SVG, χωρούν εύκολα στην παλέτα.
Μπορώ να χρησιμοποιήσω το GIF σε υπογραφή email;
Ναι, και αυτός είναι ένας από τους βασικούς λόγους που χρειάζεται αυτή η μετατροπή. Το Gmail και το Outlook δεν εμφανίζουν εικόνες SVG στα μηνύματα, ενώ το GIF εμφανίζεται στα προγράμματα email εδώ και δεκαετίες. Κρατήστε το πλάτος μέτριο, περίπου 300 έως 600 px, ώστε η υπογραφή να μένει ελαφριά.
Ποιες ρυθμίσεις μεγέθους του SVG διαβάζει ο μετατροπέας;
Χρησιμοποιεί το πλάτος, το ύψος και το viewBox του σχεδίου για να υπολογίσει τις αναλογίες και στη συνέχεια το σχεδιάζει στο πλάτος pixel που ορίσατε. Επειδή η πηγή είναι διανυσματική, ένα μεγαλύτερο πλάτος δεν κοστίζει σε ευκρίνεια, μόνο σε μέγεθος αρχείου.
Σχετικά εργαλεία SVG και GIF
- Μετατροπή SVG σε PNGΜετατρέψτε λογότυπα και εικονίδια SVG σε PNG στο πλάτος που επιλέγετε (1024 px προεπιλογή), με διαφανές φόντο. Δείτε πώς συνδέονται DPI και pixel.
- Μετατροπή PNG σε GIFΜετατρέψτε PNG σε GIF για εργαλεία και πρότυπα που δέχονται μόνο GIF. Δείτε πρώτα τι κάνουν στην εικόνα η παλέτα 256 χρωμάτων και η διαφάνεια 1 bit.
- Μετατροπή JPG σε GIFΜετατρέψτε φωτογραφίες JPG σε GIF για avatar σε φόρουμ, υπογραφές email και προγράμματα που δέχονται μόνο GIF. Έως 20 αρχεία, 256 χρώματα, χωρίς εγγραφή.
- Μετατροπή εικόνας σε GIFΜετατρέψτε JPG, PNG, WebP, HEIC, SVG κ.ά. σε GIF για φόρουμ, υπογραφές email και παλιά συστήματα. 20 αρχεία τη φορά, χωρίς εγγραφή και υδατογράφημα.
- Μετατροπή SVG σε JPEGΜετατρέψτε SVG σε JPEG για πύλες και CMS που δεν δέχονται διανυσματικά αρχεία. Λευκό φόντο, πλάτος 1920 px, 20 αρχεία ανά παρτίδα, χωρίς λογαριασμό.
- Μετατροπή GIF σε PNGΜετατρέψτε GIF σε PNG με διατήρηση της διαφάνειας: πάρτε το πρώτο καρέ ως στατική εικόνα ή εξαγάγετε κάθε καρέ ως ξεχωριστό PNG.