Γεννήτρια εικονιδίων PWA
Δημιουργήστε τα εικονίδια που χρειάζεται μια εγκαταστάσιμη web εφαρμογή — PNG 192 και 512px μαζί με ένα site.webmanifest — από μία εικόνα, εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.
Το απόρρητο προτεραιότητα: κάθε εικόνα επεξεργάζεται τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται, αποθηκεύεται ή αποστέλλεται σε κανέναν διακομιστή.
Τα εικονίδια που κάνουν μια εφαρμογή εγκαταστάσιμη
Μια progressive web app κρίνεται ως εγκαταστάσιμη εν μέρει από τα εικονίδιά της: τα προγράμματα περιήγησης αναζητούν ένα web manifest που δηλώνει τουλάχιστον ένα PNG 192×192 και ένα 512×512 προτού προσφέρουν προτροπή εγκατάστασης ή τοποθετήσουν ένα αξιοπρεπές εικονίδιο στην αρχική οθόνη. Αυτή η γεννήτρια αποδίδει και τα δύο από την εικόνα-πηγή σας και γράφει ένα site.webmanifest που τα αναφέρει, μαζί με το apple-touch-icon που θέλει το iOS και ένα favicon.ico για τις συνηθισμένες καρτέλες.
Δώστε του σχήμα για τον launcher
Οι launcher του Android μπορεί να εφαρμόσουν μάσκα κύκλου ή στρογγυλεμένου τετραγώνου σε ένα εικονίδιο, οπότε γραφικά που φτάνουν ως την άκρη μπορεί να αποκοπούν. Προσθέστε γέμισμα και συμπαγές φόντο εδώ και το σημαντικό μέρος παραμένει μέσα στην ασφαλή περιοχή όποια μάσκα κι αν εφαρμοστεί· η ζωντανή προεπισκόπηση δείχνει το αποτέλεσμα σε κάθε μέγεθος. Όλα αποδίδονται στη συσκευή σας με το Canvas API — το λογότυπό σας δεν μεταφορτώνεται ποτέ — και ολόκληρο το σετ κατεβαίνει ως zip.
Συχνές ερωτήσεις
- Μεταφορτώνεται η εικόνα μου για τη δημιουργία του 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 εντοπίζεται αυτόματα από τα περισσότερα προγράμματα περιήγησης.