SVG σε favicon
Μετατρέψτε ένα λογότυπο SVG σε ένα πλήρες σετ favicon — favicon.ico, apple-touch-icon και εικονίδια web app — ψηφιδοποιημένα ευκρινώς στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται.
Το απόρρητο προτεραιότητα: κάθε εικόνα επεξεργάζεται τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται, αποθηκεύεται ή αποστέλλεται σε κανέναν διακομιστή.
Διάνυσμα μέσα, κάθε μέγεθος ψηφιογραφικού έξω
Ένα SVG είναι η ιδανική πηγή για favicon: είναι ανεξάρτητο από την ανάλυση, οπότε κάθε μέγεθος εικονιδίου μπορεί να ψηφιδοποιηθεί από την αρχική γεωμετρία αντί να αναδειγματοληπτηθεί από ένα ήδη μικρό bitmap. Ρίξτε μέσα το SVG σας και κάθε έξοδος — 16, 32, 48, 180, 192 και 512 pixel — σχεδιάζεται από το διάνυσμα στο εγγενές της μέγεθος, κάτι που κρατά τις άκρες ευκρινείς αντί για θολές. Αυτή είναι η διαφορά ανάμεσα σε ένα εικονίδιο που δείχνει μελετημένο σε μια καρτέλα και σε ένα που δείχνει σαν μουτζούρα.
Γιατί εξακολουθείτε να θέλετε το .ico
Τα σύγχρονα προγράμματα περιήγησης χρησιμοποιούν ευχαρίστως ένα favicon SVG απευθείας, αλλά τα παλαιότερα και πολλά εργαλεία — αναγνώστες ροών, υπηρεσίες προεπισκόπησης συνδέσμων σε συνομιλίες, συντομεύσεις επιφάνειας εργασίας — εξακολουθούν να αναζητούν ένα favicon.ico. Η δημιουργία και των δύο από το ίδιο SVG τα καλύπτει όλα. Προσθέστε γέμισμα, διαλέξτε τετράγωνη, στρογγυλεμένη ή κυκλική μάσκα και ένα φόντο, και μετά κατεβάστε το πλήρες σετ με ένα έτοιμο για επικόλληση απόσπασμα HTML.
Συχνές ερωτήσεις
- Μεταφορτώνεται η εικόνα μου για τη δημιουργία του favicon;
- Όχι. Το favicon.ico, τα εικονίδια PNG και το manifest δημιουργούνται όλα τοπικά στο πρόγραμμα περιήγησής σας μέσω του Canvas API. Η εικόνα σας δεν φεύγει ποτέ από τη συσκευή σας.
- Ποια μεγέθη και αρχεία λαμβάνω;
- Ένα favicon.ico πολλαπλών αναλύσεων (16, 32 και 48px), εικονίδια PNG στα 16, 32, 48, 180 (apple-touch-icon), 192 και 512px, ένα site.webmanifest και ένα απόσπασμα HTML για επικόλληση στο <head> σας.
- Μπορώ να μετατρέψω ένα PNG ή SVG σε ICO;
- Ναι. Ρίξτε μέσα ένα PNG, JPG, SVG ή WebP και κατεβάστε ένα πραγματικό favicon.ico. Τα λογότυπα SVG μετατρέπονται πρώτα σε ψηφιογραφικά τοπικά, σε υψηλή ανάλυση.
- Ποια εικόνα λειτουργεί καλύτερα;
- Μια τετράγωνη εικόνα με ένα απλό λογότυπο υψηλής αντίθεσης. Οι μη τετράγωνες εικόνες περικόπτονται από το κέντρο για να ταιριάξουν· χρησιμοποιήστε τα χειριστήρια εσωτερικού περιθωρίου και σχήματος για να την καδράρετε όπως θέλετε.
- Πώς εγκαθιστώ το favicon;
- Αποσυμπιέστε το πακέτο στον ριζικό φάκελο του ιστότοπού σας και επικολλήστε το παρεχόμενο απόσπασμα HTML στο <head> των σελίδων σας. Το favicon.ico εντοπίζεται αυτόματα από τα περισσότερα προγράμματα περιήγησης.