Οδηγοί για favicon
Σαφείς απαντήσεις στις ερωτήσεις που προκύπτουν κατά τη δημιουργία favicon: διαστάσεις, μορφές και κώδικας για επικόλληση.
Διαστάσεις favicon: μορφές και χρήσεις
Η αναζήτηση «διαστάσεις favicon» εξακολουθεί να δίνει λίστες δεκαπέντε αρχείων από το 2014. Στην πράξη, έξι διαστάσεις καλύπτουν πλέον καρτέλες, αποτελέσματα αναζήτησης, iOS, Android και PWA. Δείτε ποιες είναι και γιατί χρειάζονται.
Διαβάστε τον οδηγόΔωρεάν μετατροπή PNG σε ICO
Το .ico παραμένει η αναμενόμενη μορφή στη ρίζα ενός ιστοτόπου και οι περισσότεροι διαδικτυακοί μετατροπείς ζητούν να ανεβάσετε την εικόνα στον διακομιστή τους. Δείτε πώς αποκτάτε σωστό favicon.ico πολλών διαστάσεων από PNG, χωρίς να ανεβάσετε τίποτα.
Διαβάστε τον οδηγόapple-touch-icon: διαστάσεις, μορφή και κώδικας
Το εικονίδιο Apple Touch παρέχει ρητά την εικόνα που χρησιμοποιείται όταν κάποιος προσθέτει τον ιστότοπό σας στην αρχική οθόνη iPhone. Παραμένει ξεχωριστό από το favicon της καρτέλας και τα εικονίδια του web app manifest.
Διαβάστε τον οδηγόFavicon σκοτεινής λειτουργίας με SVG
Ένα μαύρο λογότυπο σε διαφανές φόντο φαίνεται τέλειο σε φωτεινή καρτέλα και εξαφανίζεται σε σκοτεινή. Το ICO δεν προσαρμόζεται, αλλά το SVG favicon μπορεί: περιέχει κανόνα CSS που αλλάζει τα χρώματα ανάλογα με το θέμα του προγράμματος περιήγησης.
Διαβάστε τον οδηγόΠροσθήκη favicon σε HTML
Ένα αξιόπιστο favicon HTML δεν εξαρτάται από μία μαγική ετικέτα. Χρησιμοποιεί λίγα προσβάσιμα αρχεία και συνδέσμους στο head. Αυτή η διαδικασία καλύπτει σύγχρονες καρτέλες, παλαιότερους πελάτες και συντομεύσεις κινητών, χωρίς πολλαπλασιασμό ιστορικών παραλλαγών.
Διαβάστε τον οδηγόΤο favicon δεν εμφανίζεται ή δεν ενημερώνεται
Όταν ένα favicon λείπει, δεν φταίει πάντα το αρχείο. Το πρόγραμμα περιήγησης, ένα CDN, ένας service worker και μια μηχανή αναζήτησης μπορεί να κρατούν διαφορετικές εκδόσεις. Μια οργανωμένη διάγνωση αποφεύγει την ταυτόχρονη αλλαγή πολλών μεταβλητών.
Διαβάστε τον οδηγόFavicon στο Next.js App Router
Το App Router παράγει στοιχεία εικονιδίων από αρχεία με συμβατικά ονόματα ή από το αντικείμενο metadata. Και οι δύο προσεγγίσεις είναι έγκυρες, αλλά η ανάμειξή τους χωρίς σαφή κανόνα δημιουργεί εύκολα ανταγωνιστικές δηλώσεις.
Διαβάστε τον οδηγόΟδηγός για SVG favicon
Το SVG κρατά ευκρινείς τις ακμές σε κάθε πυκνότητα pixel και προσαρμόζει τα χρώματα στο θέμα. Αυτή η ευελιξία έχει μία προϋπόθεση: το αρχείο πρέπει να παραμένει αυτοτελές, απλό και ευανάγνωστο σε ελάχιστο χώρο.
Διαβάστε τον οδηγό