UltKit
Εικόνα11
PDF13
Έγγραφα και δεδομένα7
Βίντεο6
Ήχος4
Περισσότερα εργαλεία22

Μετατροπή SVG σε GIF

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

Μετατροπέας εικόνων

ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·

Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά

Έξοδος

Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

  1. 1

    Ανεβάστε τα αρχεία SVG

    Προσθέστε έως 20 αρχεία .svg, έως 95 MB το καθένα, από τον υπολογιστή σας ή σύροντάς τα στην περιοχή μεταφόρτωσης.

  2. 2

    Ορίστε το πλάτος σε pixel

    Αυτή η σελίδα σχεδιάζει τη διανυσματική εικόνα με πλάτος 600 px. Αλλάξτε τον αριθμό στο πεδίο Αλλαγή μεγέθους τελικής εικόνας μέσα στις Σύνθετες ρυθμίσεις· το ύψος ακολουθεί τις αναλογίες του σχεδίου.

  3. 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
GIFGIF to Διαφανές φόντο: yes– GIF to Απαλές ημιδιαφανείς άκρες: no– GIF to Περισσότερα από 256 χρώματα: noGIF to Animation: yes
PNGPNG to Διαφανές φόντο: yesPNG to Απαλές ημιδιαφανείς άκρες: yesPNG to Περισσότερα από 256 χρώματα: yes– PNG to Animation: no
WEBPWEBP to Διαφανές φόντο: yesWEBP to Απαλές ημιδιαφανείς άκρες: yesWEBP to Περισσότερα από 256 χρώματα: yesWEBP to Animation: yes
JPG– JPG to Διαφανές φόντο: no– JPG to Απαλές ημιδιαφανείς άκρες: noJPG to Περισσότερα από 256 χρώματα: yes– JPG to Animation: no
supported not offeredΤι μπορεί να κρατήσει κάθε μορφή ράστερ αφού σχεδιαστεί μέσα της ένα SVG. Το GIF είναι η μόνη που περιορίζεται σε παλέτα 256 χρωμάτων και διαφάνεια ενεργή/ανενεργή.

SVG

Scalable Vector Graphics

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

Συμπίεση
–
Διαφάνεια
Ναι
Κινούμενη εικόνα
Ναι
Έτος εισαγωγής
2001 · W3C
Μετατροπέας SVG

GIF

Graphics Interchange Format

Το GIF παρουσιάστηκε από την CompuServe το 1987 και παραμένει η πιο ευρέως υποστηριζόμενη μορφή για σύντομα κινούμενα γραφικά που επαναλαμβάνονται. Είναι χωρίς απώλειες, αλλά περιορίζεται σε παλέτα 256 χρωμάτων ανά καρέ, οπότε οι φωτογραφίες και οι διαβαθμίσεις εμφανίζουν ζώνες χρώματος και διαστίξεις (dithering). Υποστηρίζει μόνο διαφάνεια ενεργοποίησης/απενεργοποίησης (1 bit), που αφήνει οδοντωτές άκρες σε καμπύλα σχήματα. Τα κινούμενα GIF είναι συχνά πολύ μεγαλύτερα από το ίδιο κλιπ σε MP4 ή WebP. Όλοι οι browser, οι εφαρμογές συνομιλίας και οι πλατφόρμες κοινωνικής δικτύωσης αναπαράγουν GIF.

Συμπίεση
Χωρίς απώλειες
Διαφάνεια
Ναι
Κινούμενη εικόνα
Ναι
Έτος εισαγωγής
1987 · CompuServe
Μετατροπέας GIF

Το 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 που ορίσατε. Επειδή η πηγή είναι διανυσματική, ένα μεγαλύτερο πλάτος δεν κοστίζει σε ευκρίνεια, μόνο σε μέγεθος αρχείου.