Γρήγορη μετάβαση

    Λογότυπα, εικονίδια και favicons για το website σας

    iconfinder.pngΣε αυτό το σύντομο άρθρο θα δούμε πως μπορείτε να βρείτε εικονίδια για να εμπλουτίσετε τις σελίδες σας ή να ανανεώσετε τον υπολογιστή σας.

    icon_finderlogo.jpgΣτο iconfinder.net μπορείτε να δώσετε τα keywords που θέλετε και αυτό θα σας επιστρέψει τα αποτελέσματα. Δεν έχει τεράστια ποικιλία όμως τα περισσότερα εικονίδια είναι πολύ καλής ποιότητας (και από αισθητικής άποψης) και με διάφανο bg για να τα προσαρμόσετε εύκολα στις ανάγκες σας. Στη δεξιά εικόνα παρουσιάζονται τα αποτελέσματα για την αναζήτηση «linux».

    Στο famfamfam θα βρείτε μία σειρά από πάρα πολλά (πάνω από 1000) μικρά εικονίδια για να χρησιμοποιήσετε στη σελίδα σας.

    favicon-cc-logo.jpgΓια favicons υπάρχουν δύο πολύ καλά websites… favicon-cc-website.jpg

    Το ένα είναι το favicon.cc το οποίο μας δίνει τη δυνατότητα…

    • Να σχεδιάσουμε απευθείας pixel προς pixel το εικονίδιο που θέλουμε
    • Να κάνουμε upload μία εικόνα και να μας τη μετατρέψει αυτόματα σε favicon (χωρίς πολλές δυνατότητες παραμετροποίησης)
    • Να δούμε και να κατεβάσουμε favicons που έχουν δημιουργήσει άλλοι. Αυτό μπορεί να γίνει βλέποντας τα πιο πρόσφατα ή τα πιο δημοφιλή favicons ή κάνοντας αναζήτηση με μια λέξη κλειδί.

    favikon-logo.pngΈνα άλλο, επίσης καλό site για favicon είναι το favikon.com (με k αντί για c). Σε αυτό η διαδικασία δημιουργίας favicon ολοκληρώνεται σε τρία απλά βήματα. (Δείτε τη δεξιά εικόνα)
    favikon-website.jpg

    1. Πρώτα στέλνουμε την εικόνα μας είτε κάνοντας upload είτε δίνοντας απλά το url της (πολύ βολικό) και πατάμε «load image»
    2. Η εικόνα εμφανίζεται δεξιά και με το ποντίκι μας έχουμε τη δυνατότητα πολύ εύκολα να ορίσουμε την περιοχή απ’ όπου θα δημιουργηθεί το icon. Πατάμε το «capture & preview» και βλέπουμε το favicon που δημιουργήσαμε
    3. Τέλος δεν μένει παρά να κατεβάσουμε το favicon, ενώ μας παρέχεται έτοιμος και ο κώδικας που πρέπει να βάλουμε στο head section του site μας

    One Response to “Λογότυπα, εικονίδια και favicons για το website σας”

    1. Λουκριτία

      καλή η νύξη όμως το άρθρο θα ήταν σωστό αν έκανε και μια εκτενή αναφορά στις άδειες που διέπουν τα εικονίδια , να εξηγηθεί ο διαχωρισμός βάση αδειών open source Vs freeware vs free software ..commons rights

      Απάντηση

    Leave a Reply

    • (will not be published)

    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>