Δημιουργήστε ένα Favicon στο Canva — Οδηγός βήμα προς βήμα

Έχετε αναρωτηθεί ποτέ ποια είναι αυτά τα πολύχρωμα, μικροσκοπικά εικονίδια στις καρτέλες του προγράμματος περιήγησής σας;

Ίσως, η πρώτη σας σκέψη θα ήταν αυτή του λογότυπου μιας μάρκας.

Κατά κάποιο τρόπο, έχεις δίκιο. Αλλά, ενώ έχετε τεχνικά δίκιο, αυτό το 'λογότυπο' για το οποίο μιλάμε είναι στην πραγματικότητα ένα favicon.



Τα Favicons, όπως θα βρείτε στο Google, είναι εικονίδια προγράμματος περιήγησης που αντιπροσωπεύουν έναν ιστότοπο ή μια επωνυμία — ένα μίνι λογότυπο, ας πούμε έτσι.

Δεδομένου ότι είναι σαν τα μίνι λογότυπα, τα favicons χρησιμεύουν για να βελτιώσουν την εμπειρία των χρηστών και την αναγνωρισιμότητα της επωνυμίας τους μέσω οπτικής συσχέτισης.

Και, όπως αναφέρθηκε προηγουμένως, μπορείτε συνήθως να βρείτε αυτά τα favicons στην αριστερή πλευρά των καρτελών του προγράμματος περιήγησής σας.

Συνήθως έχουν μέγεθος 16 x 16 pixel ή 32 x 32 pixel, αρκεί να τα αναγνωρίσετε όταν συμπυκνωθούν μετά το άνοιγμα πολλών καρτελών.

Τώρα που βρισκόμαστε στο θέμα, ας προχωρήσουμε κατευθείαν στη δημιουργία ενός στο Canva.

Πώς να δημιουργήσετε ένα Favicon στο Canva

Αρχικά, ορίστε τις διαστάσεις του εγγράφου σε μέγεθος 40 x 40 pixel (το Canva δεν επιτρέπει τίποτα κάτω από 40 px!). Μπορείτε να επιλέξετε ένα πρότυπο από τη συλλογή του Canva και να επεξεργαστείτε τα χρώματα και τα εικονίδια. Εάν δημιουργείτε από την αρχή, αλλάξτε το χρώμα του φόντου, προσθέστε κείμενο και εικονίδια και επεξεργαστείτε τα χρώματα και τη στοίχιση πριν από τη λήψη ως αρχείο PNG.

Δημιουργία Favicons στο Canva: Τα βασικά

Είστε μπερδεμένοι με το πώς να ξεκινήσετε να δημιουργείτε το favicon σας στο Canva;

Λοιπόν, δεν χρειάζεται, καθώς είναι αρκετά παρόμοιο με το πώς σας δημιουργήστε ένα λογότυπο στο Canva , μόνο σε μικρότερο μέγεθος.

Λοιπόν, θα ξεκινήσουμε;

Μέθοδος 1: Χρήση προτύπων Favicon

Βήμα 1: Αφού συνδεθείτε στον λογαριασμό σας στο Canva, πατήστε το κουμπί 'Δημιουργία νέου σχεδίου'.

  Δημιουργία νέου σχεδίου

Βήμα 2: Στο αναπτυσσόμενο μενού που εμφανίζεται, επιλέξτε την επιλογή 'Προσαρμοσμένη ιδιότητα'.

  Προσαρμοσμένο μέγεθος

Βήμα 3: Στα 2 κενά πλαίσια που εμφανίζονται, πληκτρολογήστε 40. Το ιδανικό μέγεθος για τα favicon είναι 16 x 16 px, αλλά καθώς το κατώτερο όριο του Canva για τις διαστάσεις του εγγράφου είναι 40 x 40 px, θα το χρησιμοποιήσουμε αντ' αυτού.

Ωστόσο, η διάσταση 40 x 40 δεν είναι απολύτως απαραίτητη όταν δημιουργείτε το favicon σας στο Canva. Μπορείτε να επιλέξετε να χρησιμοποιήσετε μεγαλύτερο μέγεθος εγγράφου, αλλά είναι σημαντικό να σημειώσετε ότι το Favicon πρέπει πάντα να έχει το σχήμα τετραγώνου.

Αυτό σημαίνει ότι το μήκος πρέπει πάντα να είναι ίσο με το πλάτος (48 x 48 px, 64 x 64 px, 256 x 256 px, κ.λπ.)

Αλλά, όπως αναφέρθηκε προηγουμένως, τα favicons ιδανικά έχουν διαστάσεις 16 x 16 px. Μην ανησυχείτε πολύ γι 'αυτό σε αυτό το σημείο, καθώς μπορείτε πάντα να αλλάξετε το μέγεθός του χρησιμοποιώντας μια εφαρμογή ή ιστότοπο τρίτου κατασκευαστή αργότερα.

  Κωδικοποίηση μεγέθους εγγράφου

Απλώς βεβαιωθείτε ότι η μονάδα για το εν λόγω αρχείο έχει οριστεί σε 'pixel'. Στη συνέχεια, πατήστε στο 'Δημιουργία νέου σχεδίου'.

Βήμα 4: Μόλις εισέλθετε στη σελίδα του προγράμματος επεξεργασίας, μεταβείτε στο αριστερό μενού του Canva και πατήστε 'Πρότυπα'.

  Πατώντας στα Πρότυπα

Βήμα 5: Στη συλλογή 'Πρότυπα', αναζητήστε ένα πρότυπο για χρήση είτε κάνοντας κύλιση προς τα κάτω είτε κωδικοποιώντας συγκεκριμένους όρους στη γραμμή αναζήτησης.

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

Όμως, μια σημείωση που αξίζει να προσέξουμε σε αυτό το σημείο. Επί του παρόντος, το Canva δεν διαθέτει πραγματικά πρότυπα Favicon.

Αυτό που βλέπετε στη συλλογή 'Πρότυπα' είναι σχεδιαστικές προτάσεις που η Canva κρίνει κατάλληλες για το μέγεθος 40 x 40. Έτσι, τεχνικά, μπορείτε να τα χρησιμοποιήσετε ως πρότυπα favicon σας.

Βήμα 6: Κάντε κλικ στο πρότυπο που επιλέξατε για να εμφανιστεί στον καμβά σας.

  Επιλογή προτύπου Favicon

Βήμα 7: Αλλάξτε το χρώμα του φόντου πατώντας στο έγχρωμο πλακίδιο στη γραμμή εργαλείων του προγράμματος επεξεργασίας. Μην κάνετε αυτό το βήμα εάν σκοπεύετε να δημιουργήσετε ένα favicon με διαφανές φόντο.

  Αλλαγή χρώματος φόντου

Βήμα 8: Επιλέξτε το χρώμα που θέλετε να χρησιμοποιήσετε που αντηχεί ή είναι το ίδιο με την επωνυμία σας χρησιμοποιώντας τα χρώματα που παρουσιάζονται στη συλλογή.

Εάν, ωστόσο, έχετε έναν συγκεκριμένο δεκαεξαδικό κωδικό, μπορείτε να πατήσετε στο πλακίδιο '+' στη συλλογή και να το κωδικοποιήσετε στη γραμμή αναζήτησης.

  Επιλογή νέου χρώματος

Εάν δεν έχετε ακόμη συγκεκριμένο κωδικό, απλώς κωδικοποιήστε το χρώμα που θέλετε να βρείτε στη γραμμή αναζήτησης και επιλέξτε αυτό που σας ταιριάζει.

  Πληκτρολογώντας Χρώμα στη γραμμή αναζήτησης

Βήμα 9: Αφού επεξεργαστείτε το χρώμα του φόντου, αλλάξτε το κείμενο κάνοντας διπλό κλικ πάνω του και κωδικοποιώντας τα αρχικά της επωνυμίας σας εάν δημιουργείτε ένα favicon κειμένου.

  Εισαγωγή κειμένου για Favicon

Μπορείτε επίσης να αλλάξτε το χρώμα της γραμματοσειράς και στυλ κάνοντας κλικ στα αντίστοιχα εικονίδια στη γραμμή εργαλείων του προγράμματος επεξεργασίας.

Μπορείτε ακόμη και να ανεβάσετε προσαρμοσμένες γραμματοσειρές αν έχετε.

Βήμα 10: Για τα favicon εικόνων, μπορείτε πρώτα να καταργήσετε την ομαδοποίηση του ομαδοποιημένα στοιχεία στο εν λόγω πρότυπο (αν είναι ομαδοποιημένα) πριν διαγράψετε το κείμενο (αν υπάρχει).

  Αφαίρεση κειμένου από το πρότυπο Favicon

Βήμα 11: Αυξήστε το μέγεθος των υπόλοιπων στοιχείων κάνοντας κλικ και σύροντας τους λευκούς κύκλους στις γωνίες.

  Αλλαγή μεγέθους εικόνας

Εάν ένα από τα στοιχεία στο πρότυπο δεν είναι ευθυγραμμισμένο με την επωνυμία σας, απλώς διαγράψτε το και αναζητήστε ένα άλλο στη συλλογή 'Στοιχεία'.

Βήμα 12: Αλλάξτε τα χρώματα των υπόλοιπων στοιχείων σύμφωνα με τα χρώματα της επωνυμίας σας πατώντας στα χρωματιστά πλαίσια στη γραμμή εργαλείων του προγράμματος επεξεργασίας.

  Αλλαγή χρώματος εικόνας

Βήμα 13: Μόλις είστε ικανοποιημένοι με την εμφάνιση του favicon σας, πατήστε το κουμπί 'Λήψη' στην επάνω δεξιά γωνία της οθόνης Canva.

  Λήψη Favicon

Βήμα 14: Αν ένα διάφανο φόντο είναι αυτό που θέλετε, κάντε κλικ στον τύπο αρχείου PNG. Επιλέξτε JPG αν δεν θέλετε να αφαιρέσετε το φόντο πριν πατήσετε το κουμπί 'Λήψη'.

  Αποθήκευση Favicon ως PNG ή JPG

Έτσι, με αυτόν τον τρόπο δημιουργείτε ένα favicon χρησιμοποιώντας ένα πρότυπο. Τι θα λέγατε αν σκοπεύετε να το κάνετε από την αρχή;

Μέθοδος 2: Δημιουργία Favicons από κενούς καμβάδες

Βήμα 1: Αφού συνδεθείτε στον λογαριασμό σας στο Canva, πατήστε το κουμπί 'Δημιουργία νέου σχεδίου'.

  Δημιουργία νέου σχεδίου

Βήμα 2: Στο αναπτυσσόμενο μενού, επιλέξτε 'Προσαρμοσμένες διαστάσεις' και κωδικοποιήστε το μέγεθος του εγγράφου ανάλογα (40 x 40). Απλώς ρυθμίστε τη μονάδα σε pixel.

  Κωδικοποίηση μεγέθους εγγράφου

Βήμα 3: Μόλις μεταβείτε στη σελίδα του επεξεργαστή, αλλάξτε το χρώμα του καμβά κάνοντας κλικ πάνω του και αγγίζοντας το πλακίδιο με το χρώμα του ουράνιου τόξου στη γραμμή εργαλείων του επεξεργαστή.

  Επιλογή νέου χρώματος για φόντο

Βήμα 4: Επιλέξτε το χρώμα που θέλετε να χρησιμοποιήσετε πατώντας στα αντίστοιχα έγχρωμα πλακίδια ή προσθέστε/αναζητήστε ένα νέο κάνοντας κλικ στο πλακίδιο «+».

Χρησιμοποιήστε έναν δεκαεξαδικό κώδικα για να αναζητήσετε απευθείας το χρώμα ή σύρετε στα αντίστοιχα ρυθμιστικά.

Βήμα 5: Για τα favicons κειμένου, προσθέστε ένα πλαίσιο κειμένου είτε πατώντας την καρτέλα 'Κείμενο' στο αριστερό μενού και επιλέγοντας 'Προσθήκη επικεφαλίδας' είτε πατώντας απευθείας το 'T' στο πληκτρολόγιό σας.

  Επιλογή στυλ γραμματοσειράς

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

  Αλλαγή μεγέθους κειμένου και αλλαγή χρώματος γραμματοσειράς

Φροντίστε, ωστόσο, να επωφεληθείτε από τις οδηγίες που εμφανίζονται για την ευθυγράμμιση και απόσταση .

Βήμα 6: Για τα favicons εικόνων, μεταβείτε στο 'Elements' και επιλέξτε τα γραφικά που ταιριάζουν με την επωνυμία σας.

  Αναζήτηση γραφικών για Favicon

Μπορείτε είτε να κάνετε κύλιση προς τα κάτω είτε να κωδικοποιήσετε έναν συγκεκριμένο όρο στη γραμμή αναζήτησης. Συνεχίστε να προσθέτετε μέχρι να αποκτήσετε αυτό που χρειάζεστε.

Βήμα 7: Αλλάξτε το μέγεθος των στοιχείων σας με τρόπο που να γεμίζει το μεγαλύτερο μέρος του χώρου στον καμβά σας, σύροντας τους λευκούς κύκλους διαγώνια.

  Αλλαγή μεγέθους εικόνας για Favicon

Βήμα 8: Εάν πρέπει να αλλάξετε τα χρώματα των στοιχείων, απλώς αγγίξτε τα ανάλογα πριν κάνετε κλικ στο έγχρωμο πλακίδιο στην εργαλειοθήκη του επεξεργαστή.

  Αλλαγή χρωμάτων στοιχείων

Βήμα 9: Εάν όλα είναι σύμφωνα με τις προτιμήσεις σας, πατήστε το κουμπί 'Λήψη' και επιλέξτε είτε JPG είτε PNG ως τύπο αρχείου.

  Αποθήκευση Favicon ως PNG ή JPG

Απλό, σωστά; Τι περιμένεις τότε;

Μεταβείτε στον λογαριασμό σας στο Canva και αφήστε τη διαδικασία δημιουργίας favicon να ξεκινήσει!

Συχνές ερωτήσεις σχετικά με το πώς να δημιουργήσετε ένα Favicon στο Canva

Μπορείτε να κάνετε λήψη ενός favicon με διαφανές φόντο εάν είστε δωρεάν χρήστης λογαριασμού Canva;

Δυστυχώς, δεν μπορείτε να κάνετε λήψη του favicon σας με διαφανές φόντο εάν είστε δωρεάν χρήστης Canva. Μόνο οι χρήστες Canva Pro μπορούν να επωφεληθούν από τη δυνατότητα διαφανούς φόντου σε PNG. Ωστόσο, μπορείτε ακόμα να κάνετε λήψη του favicon σας σε μορφή PNG και να κατευθυνθείτε στο remove.bg για να αφαιρέσετε μη αυτόματα το φόντο.

Μπορείτε να δημιουργήσετε πολλές εκδόσεις favicon στο Canva;

Όπως ακριβώς σχεδιάζετε λογότυπα, μπορείτε να δημιουργήσετε διάφορες εκδόσεις των favicons σας στο Canva. Απλώς προσθέστε μια άλλη σελίδα ή αντιγράψτε την υπάρχουσα σελίδα και επεξεργαστείτε τα χρώματα και το κείμενο για να δημιουργήσετε μια νέα έκδοση του favicon.

Μπορείτε να ομαδοποιήσετε στοιχεία στο favicon σας παρά το μικρό του μέγεθος;

Φυσικά! Ανεξάρτητα από το πόσο μικρό είναι το μέγεθος του εγγράφου σας, μπορείτε να επωφεληθείτε από τη δυνατότητα ομαδοποίησης στο Canva. Επισημάνετε όλα τα στοιχεία πριν πατήσετε την επιλογή 'Ομάδα' στη γραμμή εργαλείων του προγράμματος επεξεργασίας ή πατήστε Ctrl και G ταυτόχρονα.