Τι περιλαμβάνει ένα πακέτο favicon
Ένα πακέτο favicon συνήθως περιλαμβάνει favicon.ico μαζί με τα πιο κοινά μεγέθη PNG.
Η παραγωγή τους μαζί βοηθά να αποφύγεις ελλιπή assets στο launch.
Γεννήτρια Favicon / App Icon
Ανέβασε μία τετράγωνη αρχική εικόνα και δημιούργησε πακέτο favicon με app icons και starter web manifest.
Δεν έχει επιλεγεί αρχείο
Ανέβασε μία τετράγωνη εικόνα για να τη δεις εδώ πριν τη δημιουργία.
| Αρχείο | Pixels |
|---|---|
favicon.icoIcon | 16 x 16, 32 x 32, 48 x 48 |
favicon-16x16.pngIcon | 16 x 16 |
favicon-32x32.pngIcon | 32 x 32 |
favicon-48x48.pngIcon | 48 x 48 |
favicon-96x96.pngIcon | 96 x 96 |
favicon-128x128.pngIcon | 128 x 128 |
favicon-180x180.pngIcon | 180 x 180 |
favicon-196x196.pngIcon | 196 x 196 |
apple-touch-icon.pngIcon | 180 x 180 |
apple-touch-icon-precomposed.pngIcon | 180 x 180 |
android-chrome-192x192.pngIcon | 192 x 192 |
android-chrome-512x512.pngIcon | 512 x 512 |
site.webmanifestManifest | δ/υ |
Σχετικά με τη δημιουργία favicon και app icon
Οι γεννήτριες favicon μετατρέπουν μία αρχική εικόνα στο σύνολο εικονιδίων που χρειάζεται ένα site ή web app. Συνήθως καλύπτουν καρτέλες browser, touch icons, Android assets και αρχεία έτοιμα για manifest.
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
Μετατροπέας χρωμάτων
Μετάτρεψε ανάμεσα σε hex, RGB, HSL, OKLCH και OKLAB, ελέγχοντας αντίθεση και εξάγοντας tokens έτοιμα για CSS.
Άνοιγμα Μετατροπέας χρωμάτων
Μορφές δεδομένων
Μετατροπέας JSON / YAML / TOML
Έλεγξε, μορφοποίησε, κάνε minify και μετάτρεψε JSON, YAML και TOML με σαφείς προειδοποιήσεις συμβατότητας.
Άνοιγμα JSON / YAML / TOML
Μορφές δεδομένων
Έλεγχος CSV
Έλεγξε CSV αρχεία και επικολλημένες γραμμές με ανίχνευση delimiter, ελέγχους κεφαλίδας, λίστες ζητημάτων και αναλυμένες προεπισκοπήσεις.
Άνοιγμα Έλεγχος CSV
Κείμενο
Case / Slug / Escape
Μετάτρεψε κείμενο σε camelCase, snake_case, kebab-case, PascalCase, slugs και κοινές escaped μορφές.
Άνοιγμα Case / Slug / Escape
Κείμενο
Έλεγχος και προεπισκόπηση Markdown
Έλεγξε τη δομή Markdown, δες προεπισκόπηση της απόδοσης και εντόπισε κοινά ζητήματα σύνταξης πριν τη δημοσίευση.
Άνοιγμα Έλεγχος Markdown