Γεννήτρια apple-touch-icon

Δημιουργήστε το apple-touch-icon 180×180 που χρησιμοποιεί το iOS για τους σελιδοδείκτες στην αρχική οθόνη — μαζί με ένα πλήρες σετ favicon — τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται.

Το απόρρητο προτεραιότητα: κάθε εικόνα επεξεργάζεται τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται, αποθηκεύεται ή αποστέλλεται σε κανέναν διακομιστή.

Το εικονίδιο που βάζει το iOS στην αρχική οθόνη

Όταν κάποιος προσθέτει τον ιστότοπό σας στην αρχική οθόνη του iPhone ή του iPad, το iOS αναζητά ένα apple-touch-icon 180×180· χωρίς αυτό, καταφεύγει σε ένα θολό στιγμιότυπο οθόνης. Αυτή η γεννήτρια αποδίδει ακριβώς αυτό το μέγεθος από την εικόνα σας — με συμπαγές φόντο, καθώς τα apple-touch-icon δεν πρέπει να είναι διαφανή — και το συμπεριλαμβάνει στη λήψη μαζί με το favicon.ico και τα εικονίδια Android.

Μία εξαγωγή, κάθε πλατφόρμα

Αντί να περικόπτετε στο χέρι ένα ξεχωριστό αρχείο ανά συσκευή, δημιουργήστε ολόκληρο το σετ με τη μία: apple-touch-icon για iOS, PNG 192 και 512px για Android και PWA, και favicon.ico για τα προγράμματα περιήγησης υπολογιστή, με ένα απόσπασμα 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 εντοπίζεται αυτόματα από τα περισσότερα προγράμματα περιήγησης.