Γεννήτρια Favicon / App Icon

Ανέβασε μία τετράγωνη αρχική εικόνα και δημιούργησε πακέτο favicon με app icons και starter web manifest.

Δεν έχει επιλεγεί αρχείο

Ανέβασε μία τετράγωνη εικόνα για να τη δεις εδώ πριν τη δημιουργία.

Περιεχόμενα πακέτου
Αρχείο	Pixels
favicon.icoΕικονίδιο	16 x 16, 32 x 32, 48 x 48
favicon-16x16.pngΕικονίδιο	16 x 16
favicon-32x32.pngΕικονίδιο	32 x 32
favicon-48x48.pngΕικονίδιο	48 x 48
favicon-96x96.pngΕικονίδιο	96 x 96
favicon-128x128.pngΕικονίδιο	128 x 128
favicon-180x180.pngΕικονίδιο	180 x 180
favicon-196x196.pngΕικονίδιο	196 x 196
apple-touch-icon.pngΕικονίδιο	180 x 180
apple-touch-icon-precomposed.pngΕικονίδιο	180 x 180
android-chrome-192x192.pngΕικονίδιο	192 x 192
android-chrome-512x512.pngΕικονίδιο	512 x 512
site.webmanifestManifest	δ/υ

Σχετικά με τη δημιουργία favicon και app icon

Οι γεννήτριες favicon μετατρέπουν μία αρχική εικόνα στο σύνολο εικονιδίων που χρειάζεται ένα site ή web app. Συνήθως καλύπτουν καρτέλες browser, touch icons, Android πόρους και αρχεία έτοιμα για manifest.

Τι περιλαμβάνει ένα πακέτο favicon

Ένα πακέτο favicon συνήθως περιλαμβάνει favicon.ico μαζί με τα πιο κοινά μεγέθη PNG.

Η παραγωγή τους μαζί βοηθά να αποφύγεις ελλιπή πόρους στο launch.

Apple touch icons, Android icons και αρχεία manifest

Τα σύγχρονα setups χρειάζονται επίσης Apple touch icons, Android icons και υποστήριξη manifest.

Η ομαδοποίηση αυτών των εξόδων κάνει πιο απλή την ανάπτυξη και το setup PWA.

Προετοιμασία του αρχικού artwork

Το αρχικό artwork λειτουργεί καλύτερα όταν είναι τετράγωνο, απλό και ευανάγνωστο σε μικρά μεγέθη.

Το καθαρό artwork παράγει πιο ευκρινή αποτελέσματα στα 16x16, 32x32 και σε άλλα μικροσκοπικά exports.

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

Απαντήσεις για τις απαιτήσεις αρχικής εικόνας, τα παραγόμενα favicon αρχεία, την επιλογή κυκλικού icon και τι να κάνεις με το πακέτο που κατεβάζεις μετά.

Άλλα εργαλεία

Δες κάθε ξεχωριστή σελίδα εργαλείου από το κέντρο της αρχικής σελίδας ή τον κεντραρισμένο επιλογέα της κεφαλίδας.

Εικόνες

Μετατροπέας WebP

Μετάτρεψε έως 10 εικόνες JPEG, PNG ή WebP σε WebP με presets ποιότητας και ZIP downloads.

Άνοιγμα Μετατροπέας WebP

Εικόνες

Ρυθμιστής καμβά εικόνας

Αλλάξτε το μέγεθος του καμβά μίας εικόνας χωρίς να αλλάξετε το μέγεθος της ίδιας της εικόνας. Ορίστε διαστάσεις, κατεύθυνση επέκτασης, διαφάνεια και κατεβάστε τοπικά.

Άνοιγμα Καμβάς εικόνας

Χρώμα και CSS