Επεξεργαστής pixel για favicon

Πώς να σχεδιάσετε ένα καλό favicon 16×16

Ένα favicon εμφανίζεται συνήθως μόνο σε 16 ή 32 pixel, επομένως κάθε pixel μετράει. Η χειροκίνητη σχεδίαση σε πλέγμα pixel σας δίνει καθαρές άκρες και πλήρη έλεγχο – κάτι που σπάνια πετυχαίνει ένα λογότυπο που έχει σμικρυνθεί αυτόματα.

Ξεκινήστε με τον καμβά 16×16 και κρατήστε το σχέδιο απλό: ένα έντονο γράμμα, ένα απλό σύμβολο ή το πιο αναγνωρίσιμο τμήμα του λογοτύπου σας. Χρησιμοποιήστε έντονη αντίθεση ώστε το εικονίδιο να παραμένει ευανάγνωστο τόσο σε ανοιχτόχρωμες όσο και σε σκούρες καρτέλες του προγράμματος περιήγησης, και ελέγχετε τις ζωντανές προεπισκοπήσεις καθώς σχεδιάζετε.

Όταν μείνετε ικανοποιημένοι με το αποτέλεσμα, κάντε κλικ στο «Δημιουργία favicon από αυτό». Η γεννήτρια διατηρεί τα pixel καθαρά και δημιουργεί favicon.ico, εικονίδια PNG, Apple touch icons και εικονίδια Android από το σχέδιό σας.

Συμβουλές για καθαρά favicon pixel art

• Χρησιμοποιήστε δύο έως τέσσερα χρώματα – πολλές αποχρώσεις γίνονται θόρυβος σε μικρά μεγέθη.
• Αφήστε περιθώριο 1 pixel ή γεμίστε ολόκληρο το τετράγωνο· αποφύγετε σχήματα που αγγίζουν μόνο ορισμένες άκρες.
• Προτιμήστε οριζόντιες και κάθετες γραμμές· οι διαγώνιες γραμμές φαίνονται καλύτερα στις 45 μοίρες.
• Χρησιμοποιήστε τη λειτουργία συμμετρίας για συμμετρικά εικονίδια και το διαφανές χρώμα για διάφανες περιοχές.
• Σχεδιάστε σε 32×32 ή 48×48 αν το εικονίδιό σας έχει λεπτομέρειες – τα μεγαλύτερα μεγέθη χρησιμοποιούνται σε οθόνες υψηλής ανάλυσης.