Η γεννήτρια favicon του PixelVault μετατρέπει οποιαδήποτε εικόνα σε ένα πλήρες σετ εικονιδίων ιστότοπου και εφαρμογής χωρίς να μεταφορτώνει τίποτα. Οι περισσότεροι ιστότοποι «γεννήτρια favicon» σάς ζητούν να στείλετε το λογότυπό σας στους διακομιστές τους πριν πάρετε έστω ένα εικονίδιο πίσω. Εδώ, κάθε αρχείο — το favicon.ico πολλαπλών αναλύσεων, τα εικονίδια PNG και το manifest — παράγεται μέσα στο ίδιο το πρόγραμμα περιήγησής σας, οπότε τα εικαστικά της μάρκας σας δεν φεύγουν ποτέ από τη συσκευή σας.
Ένας σύγχρονος ιστότοπος χρειάζεται περισσότερα από ένα εικονίδιο. Τα προγράμματα περιήγησης διαβάζουν ένα μικρό favicon.ico για τη γραμμή διευθύνσεων και τις καρτέλες, το iOS θέλει ένα apple-touch-icon 180×180 για την αρχική οθόνη, και το Android και οι PWA χρησιμοποιούν PNG στα 192 και 512px που δηλώνονται σε ένα web manifest. Το PixelVault τα δημιουργεί όλα ταυτόχρονα από μία μόνο εικόνα προέλευσης και σας δίνει ένα έτοιμο για επικόλληση απόσπασμα HTML, ώστε η σύνδεσή τους να παίρνει δευτερόλεπτα.
Ελέγχετε την εμφάνιση του εικονιδίου. Κρατήστε το απλό τετράγωνο, στρογγυλέψτε τις γωνίες ή περικόψτε το σε κύκλο· προσθέστε εσωτερικό περιθώριο ώστε ένα λεκτικό λογότυπο να μην είναι στριμωγμένο στην άκρη· και επιλέξτε διαφανές ή ομοιόμορφο φόντο. Μια ζωντανή προεπισκόπηση δείχνει το αποτέλεσμα σε πραγματικά μεγέθη favicon — συμπεριλαμβανομένης μιας εικονικής καρτέλας προγράμματος περιήγησης — ώστε να ξέρετε ακριβώς τι θα δουν οι επισκέπτες πριν κατεβάσετε.
Πώς λειτουργεί
Όταν προσθέτετε μια εικόνα, το πρόγραμμα περιήγησης την αποκωδικοποιεί στη μνήμη και το PixelVault την επανασχεδιάζει σε τετράγωνους καμβάδες σε κάθε μέγεθος εικονιδίου, εφαρμόζοντας τη μάσκα σχήματος, το εσωτερικό περιθώριο και το φόντο που επιλέξατε. Κάθε καμβάς κωδικοποιείται σε PNG με τον ενσωματωμένο κωδικοποιητή του προγράμματος περιήγησης, και τα PNG των 16, 32 και 48px συσκευάζονται σε ένα ενιαίο favicon.ico (τον ευρέως υποστηριζόμενο περιέκτη PNG-σε-ICO). Τα λογότυπα SVG μετατρέπονται πρώτα σε ψηφιογραφικά τοπικά, σε υψηλή ανάλυση, ώστε τα εικονίδια να παραμένουν ευκρινή.
Γιατί έχει σημασία η τοπική επεξεργασία
Η τοπική δημιουργία εικονιδίων σημαίνει ότι το λογότυπό σας — συχνά αδημοσίευτο εικαστικό μάρκας — δεν μεταδίδεται, αποθηκεύεται ή καταγράφεται ποτέ από μια υπηρεσία τρίτου. Είναι επίσης άμεση: δεν υπάρχει μεταφόρτωση, ούτε ουρά αναμονής, ούτε λήψη πέρα-δώθε, και συνεχίζει να λειτουργεί εκτός σύνδεσης μόλις φορτωθεί η σελίδα. Αυτό που κατεβάζετε είναι ακριβώς αυτό που παρήγαγε το πρόγραμμα περιήγησής σας, χωρίς τίποτα πρόσθετο.
Υποστηριζόμενες μορφές
- ICO — favicon.ico πολλαπλών αναλύσεων (16/32/48px) για τις καρτέλες και τη γραμμή διευθύνσεων.
- PNG — Apple-touch-icon (180px) και εικονίδια Android/PWA (192 και 512px).
- SVG — Μόνο ως είσοδος — τα διανυσματικά λογότυπα μετατρέπονται τοπικά σε ψηφιογραφικά για τα πιο ευκρινή εικονίδια.
- JPG / WebP — Γίνονται δεκτά ως εικόνες προέλευσης, μαζί με το PNG.
Συνήθεις χρήσεις
- Δημιουργήστε ένα favicon.ico και εικονίδια εφαρμογής για έναν νέο ιστότοπο ή σελίδα προορισμού.
- Μετατρέψτε ένα λογότυπο PNG ή SVG σε ένα κανονικό αρχείο ICO πολλαπλών μεγεθών.
- Δημιουργήστε ένα apple-touch-icon και εικονίδια web manifest για μια PWA.
- Ανανεώστε το σετ favicon μιας μάρκας χωρίς να παραδώσετε το λογότυπο σε μια διαδικτυακή υπηρεσία.