Γεννήτρια Favicon

Μετατρέψτε ένα αρχείο PNG, JPG ή SVG σε favicon.ico και σε κάθε μέγεθος εικονιδίου που χρειάζεται ο ιστότοπός σας, συγκεντρωμένα σε ένα αρχείο ZIP.

Μη τετράγωνη εικόνα

Ολόκληρη η εικόνα παραμένει ορατή, κεντραρισμένη με περιθώριο γύρω της.

Φόντο

Το διαφανές φόντο είναι ιδανικό για τις καρτέλες του προγράμματος περιήγησης. Για εικονίδια αρχικής οθόνης iPhone, ένα χρώμα φόντου είναι πιο ασφαλές.

Το πακέτο εικονιδίων σας

Το favicon και το πακέτο εικονιδίων σας θα εμφανιστούν εδώ.

Έτοιμο. Προσθέστε μια εικόνα PNG, JPG ή SVG για να ξεκινήσετε.

Η μετατροπή της εικόνας σας σε εικονίδια γίνεται τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται στο BroBroGo.

Συχνές Ερωτήσεις

Ποια αρχεία περιλαμβάνονται στο πακέτο εικονιδίων;

Ένα αρχείο favicon.ico που περιέχει εκδόσεις 16, 32 και 48 pixel, εικονίδια PNG στα 16, 32, 180, 192 και 512 pixel, καθώς και ένα αρχείο site.webmanifest που παραθέτει τα μεγάλα εικονίδια. Εάν ξεκινήσετε από ένα αρχείο SVG, περιλαμβάνεται και το ίδιο το διανυσματικό αρχείο. Ένα ενιαίο αρχείο ZIP περιλαμβάνει τα πάντα.

Τι μέγεθος πρέπει να έχει η αρχική μου εικόνα;

Ένα αρχείο SVG είναι η ιδανική επιλογή — κάθε εικονίδιο σχεδιάζεται από το διανυσματικό σχήμα, έτσι ώστε ακόμα και στα 16 pixel να παραμένει ευκρινές. Για PNG ή JPG, ξεκινήστε με τουλάχιστον 512 × 512 pixel. Οι μικρότερες εικόνες μεγεθύνονται και ενδέχεται να φαίνονται θολές.

Πρέπει το φόντο να είναι διαφανές ή με χρώμα;

Τα εικονίδια καρτελών φαίνονται εξαιρετικά με διαφανές φόντο. Ωστόσο, οι αρχικές οθόνες των iPhone και iPad εμφανίζουν τις διαφανείς περιοχές ως μαύρες — εάν οι χρήστες ενδέχεται να προσθέσουν τον ιστότοπό σας στην αρχική τους οθόνη, επιλέξτε ένα χρώμα φόντου.

Τι συμβαίνει με μια εικόνα που δεν είναι τετράγωνη;

Τα εικονίδια είναι τετράγωνα, αλλά η εικόνα σας δεν παραμορφώνεται ποτέ. Από προεπιλογή, κεντράρεται με περιθώριο γύρω της. Επιλέξτε «Γέμισμα (περικοπή)» για να περικοπούν οι άκρες που περισσεύουν.

Πού πρέπει να τοποθετηθούν τα αρχεία στον ιστότοπό μου;

Μεταφορτώστε τα στον ριζικό φάκελο (root) του ιστότοπού σας, ώστε το favicon.ico να είναι προσβάσιμο στη διεύθυνση /favicon.ico, και στη συνέχεια επικολλήστε τις παραγόμενες γραμμές κώδικα στο στοιχείο <head> των σελίδων σας. Τα προγράμματα περιήγησης θα επιλέξουν αυτόματα το κατάλληλο μέγεθος.

Αλλαγή μεγέθους εικόναςΑλλάξτε το μέγεθος εικόνων με pixel, ποσοστό ή έτοιμες προεπιλογές — για μία εικόνα ή για μια ολόκληρη παρτίδα.Εργαλείο περικοπής εικόναςΠερικόψτε, περιστρέψτε και αναστρέψτε μια εικόνα σε οποιοδήποτε σχήμα — ελεύθερο ορθογώνιο, κλειδωμένη αναλογία ή καθαρό κύκλο.Συμπιεστής εικόνωνΣυμπιέστε εικόνες τοπικά με έξυπνα εργαλεία, συγκεκριμένο μέγεθος στόχου και σύνθετες ρυθμίσεις.Υδατογράφημα εικόναςΠροσθέστε ένα υδατογράφημα κειμένου ή λογοτύπου σε μία φωτογραφία ή σε μια ολόκληρη παρτίδα.Μετατροπέας μορφής εικόναςΜετατρέψτε εικόνες JPG, PNG, WebP, HEIC και AVIF στο πρόγραμμα περιήγησής σας.Μετατροπέας Εικόνας Base64Σύρετε μια εικόνα για να λάβετε το Base64 data URI της, ή επικολλήστε Base64 για προεπισκόπηση και λήψη της εικόνας.Γεννήτρια εναλλακτικού κειμένου AIΜετατρέψτε οποιαδήποτε εικόνα σε σαφές, φιλικό προς το SEO εναλλακτικό κείμενο — επεξεργαστείτε τη διατύπωση και αντιγράψτε το.Μετατροπέας χρωμάτωνΜετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV, CMYK και LAB — επεξεργαστείτε οποιοδήποτε πεδίο και τα υπόλοιπα ενημερώνονται αυτόματα.