Branding

Favicon / App Icon Checklist

Οργανώστε τα icon assets που χρειάζονται για browser tabs, mobile home screens και βασική PWA παρουσίαση.

favicon.icoLegacy browser fallbackfavicon.svgModern scalable faviconapple-touch-icon.png180x180 iOS home screen iconicon-192.pngPWA manifest iconicon-512.pngLarge PWA/install iconsite.webmanifestApp name, colors and icons

Πρόοδος

2/6

Θέλει έλεγχο

Προτεινόμενα head tags

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0a0c11">

Πώς λειτουργεί

Επιλέγετε τους στόχους που υποστηρίζετε και το checklist δείχνει προτεινόμενα files και head tags.

Γιατί να το χρησιμοποιήσετε

Ένα πλήρες icon set δίνει καλύτερο polish σε browsers, devices και saved shortcuts.

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

Χρειάζομαι κάθε icon size;

Όχι πάντα. Ένα modern SVG favicon μαζί με Apple 180x180 και manifest icons καλύπτει τα περισσότερα projects.

Μπορεί να ελέγξει live site;

Αυτή η έκδοση είναι planning checklist, όχι live crawler.