Δωρεάν μετατροπή PNG σε ICO

Η μετονομασία του logo.png σε favicon.ico δεν αρκεί. Το ICO είναι περιέκτης με δική του κεφαλίδα: περιγράφει πόσες εικόνες περιλαμβάνει, σε ποιες διαστάσεις και πού αρχίζει καθεμία μέσα στο αρχείο. Ένα μετονομασμένο PNG δεν έχει αυτή την κεφαλίδα και τα αυστηρότερα προγράμματα περιήγησης αρνούνται να το εμφανίσουν.

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

Πρώτο βήμα, προετοιμάστε την πηγή. Ένα τετράγωνο PNG τουλάχιστον 512×512 pixel δίνει το καλύτερο αποτέλεσμα, επειδή κάθε μέγεθος θα παραχθεί με σμίκρυνση. Αν η εικόνα έχει διαφανές φόντο, αποφασίστε τώρα αν θα το κρατήσετε: είναι ιδανικό για καρτέλα, αλλά iOS και Android θα το αντικαταστήσουν με μαύρο.

Δεύτερο βήμα, παράγετε τις αναλύσεις. Το αρχείο πρέπει να περιέχει τουλάχιστον 16×16, 32×32 και 48×48. Η αλλαγή μεγέθους χρειάζεται ποιοτικό φίλτρο επαναδειγματοληψίας, αλλιώς τα μικρά μεγέθη γίνονται δυσανάγνωστα.

Τρίτο βήμα, συνδυάστε τις. Οι τρεις εικόνες συγκεντρώνονται σε έναν περιέκτη ICO, με κεφαλίδα που περιγράφει κάθε εγγραφή. Το αποτέλεσμα τοποθετείται στη ρίζα ως favicon.ico, όπου τα προγράμματα περιήγησης το βρίσκουν ακόμη και χωρίς ετικέτα HTML.

Οι περισσότεροι μετατροπείς PNG σε ICO ανεβάζουν το αρχείο σας σε διακομιστή, που το επεξεργάζεται και επιστρέφει το αποτέλεσμα. Το λογότυπό σας, συχνά πριν ακόμη δημοσιευτεί, καταλήγει σε υπολογιστή που δεν ελέγχετε, υπό πολιτική διατήρησης που δεν έχετε διαβάσει.

Όμως ένα σύγχρονο πρόγραμμα περιήγησης τα κάνει όλα μόνο του: αποκωδικοποιεί PNG, αλλάζει μέγεθος σε canvas, κωδικοποιεί κάθε ανάλυση και συγκροτεί τον περιέκτη ICO. Αυτό κάνει το LFFavicon. Κανένα αίτημα δεν μεταφέρει την εικόνα σας και το κλείσιμο της καρτέλας διαγράφει τα πάντα.

Το όφελος δεν είναι μόνο θεωρητικό: η μετατροπή είναι άμεση, λειτουργεί εκτός σύνδεσης μόλις φορτωθεί η σελίδα και δεν υπάρχει ουρά ή ημερήσιο όριο.

Η μετατροπή PNG σε ICO καλύπτει καρτέλες και παλαιότερους πελάτες, αλλά αφήνει τρεις χρήσεις ακάλυπτες: σύγχρονα προγράμματα περιήγησης που προτιμούν SVG ευκρινές σε κάθε μέγεθος, αρχική οθόνη iOS που θέλει αδιαφανές PNG 180×180 και Android που διαβάζει το web manifest.

Αφού επεξεργάζεστε ήδη την εικόνα, παράγετε ολόκληρο το σύνολο σε ένα πέρασμα. Αυτό κάνει το εργαλείο: μία πηγή τροφοδοτεί .ico, SVG, εικονίδιο Apple Touch και εικονίδια manifest, με προεπισκόπηση κάθε χρήσης πριν από τη λήψη.