אין ספק, ביותר מפעם אחת שמעתם על פאוויקון. זה קשור קשר הדוק לעיצוב אתרים, וזו נקודה חשובה שבכל עמוד, יהיה זה חנות מקוונת, בלוג, אתר וכו '. הם הולכים לשאול אותך. אבל, מה זה פאוויקון? לשם מה זה? והכי חשוב, איך זה נעשה?
אם יש לך ספקות רבים בנושא זה, כאן אנו הולכים לתת לך את המפתחות כדי שתבין זאת ובעיקר כדי שתוכל להציג אותו בתוך הפרויקט שלך ולהישאר עם מצגת טובה יותר. אנו מבטיחים לך!
מה זה favicon
אנו נתחיל בהסבר מהו פאוויקון כדי שתבינו זאת. ובשביל זה שום דבר טוב יותר מאשר לתת לך דוגמה מעשית. דמיין שאתה גולש עכשיו (למעשה, אתה קורא אותנו). אבל אין לך רק כרטיסייה אחת, אלא כמה מהם. יתכן ששמת לב שבכל אחד מהם מופיע השם של מה שהדף משקף, זה YouTube (כי אתה מאזין למוזיקת רקע), Gmail (בגלל שדואר שלך פתוח) או דף זה.
לצד כל שם, משמאל, מופיעה תמונה קטנה, בריבוע. זה שביוטיוב וג'ימייל בטוח יזהה אותו עם הלוגואים שיש להם, אבל מה עם שאר הכרטיסיות?
ובכן, מה שאתה רואה הוא למעשה הפאוויקון. במילים אחרות, זה א סמל שקשור לדף שאתה מבקר בו, לכן חשוב כל כך לשים לב לפרט זה, מכיוון שכשאתה מוסיף דף למועדפים או קיצורי דרך, ה- favicon הופך ל"תמונה "של אותו דף ולכן אתה צריך לדאוג לעיצוב שלו כך שהוא קשורה בצורה מושלמת (ומעל הכל נראית טוב להבדיל אותה מאחרים).
סמל קטן זה כולל בדרך כלל סט גודל שהוא 16 × 16 פיקסלים (אם כי ניתן להגדיר גם 32x32 פיקסלים). בתוכו אתה צריך לדאוג שכל מה שתשים יראה נכון מכיוון שאם לא כן, הוא יופיע כנקודה מזוהה מעט (וזה ייתן תמונה גרועה מאוד של הדף שלך).
מדוע הפאוויקון כל כך חשוב?
עכשיו כשאתה יודע מהו ה- favicon ושאתה איתרת אותו בדפים שאתה פותח באופן קבוע, שמת לב שהיום חסרים פחות ופחות עמודים? הסיבה לכך היא שבאמת חשוב מאוד לתת חזון של אלגנטיות וידע. כלומר, אתם הולכים להעביר תדמית של מותג או תאגיד שדואגים לפרטים.
עם זאת, ל- Favicon יש גם שימושים אחרים כגון:
- משמש כזיהוי של הדף שלך. בדרך כלל האפליקציה הזו קשורה ללוגו שיש לך באתר שלך, רק בגודל קטן יותר. אבל כשהלוגו גדול מדי ולא נראה על הכפתור, אתה נוטה לבחור משהו שקשור אליו.
- תעזור למשתמשים ששמרו את הדף שלך לזהות אותו חזותית. לפיכך, גם אם הם לא זוכרים את כתובת האתר, או את שם החברה, בגלל תדמית ה- favicon הם יאתרו אותה.
- להיות "טוב" עם SEO. יש לקחת זאת בעזרת פינצטה. וזה שקיימת או לא סובלת ממכשיר Favicon לא תשפיע ישירות על SEO (כלומר, זה לא ימצב אותך טוב יותר או רע יותר אם יש לך את זה או לא). עכשיו, יותר ויותר נפוץ שכאשר דפדפן נכנס לדף, הוא מחפש את ה- Favicon הזה וכאשר הוא לא מוצא אותו, הוא נותן שגיאת 404. ואתה יודע ששגיאות אלה אינן טובות עבור ה- SEO. של דף.
איך מכינים פאוויקון
לאחר שראינו, ברור שפאביון הוא מרכיב חיוני כשיש דף אינטרנט. עכשיו, איך מכינים אחד כזה?
אתה צריך לדעת שברוב המקרים מה זה עושה זה בחר את הלוגו של אתר זה, או אם הוא גדול מדי, משהו שמזהה אותו. לדוגמא, דמיין שיש לך אתר טלוויזיה אליו התקשרת בצורה כלשהי. אבל זה, בפאוויקון, גדול מדי. במקום זאת אתה יכול לשים תמונה של טלוויזיה כך שהם יתייחסו אליה. במקרים אלה, מומלץ ללבוש את אותם הצבעים כמו האתר שלך, כך שהם יזהו אותו טוב יותר.
ועכשיו, איך נוכל ליצור פאוויקון? ובכן, יש לך כמה אפשרויות:
פוטושופ, גימפ ...
במילים אחרות, אנחנו מדברים על תוכניות לעריכת תמונות מכיוון ש- favicon נוצר בדיוק כמו תמונה. כמובן, עליכם לשמור אותו בתבנית .ico כדי שהוא יוכר ככזה מכיוון שאי אפשר להשאיר אותו כ- jpg, gif או דומה.
דרך זו לעשות זאת מאפשר לך להתאים אישית את ה- favicon הרבה יותר טוב, מצליחים ליצור אותו מאפס ולתת לו את הגימור הרצוי. בדרך כלל לשם כך אתה עובד עם תמונה בגודל רגיל ואז מתאים אותה לגודל כפתור זה.
לאחר מעשה, יש להעלות אותו ולבדוק אותו בדפדפנים שונים כדי לראות אם הוא נראה טוב, הוא מייצג ומעל הכל מובן.
שימוש בכלים מקוונים
במקרה זה אנו מתייחסים לדפי אינטרנט שדואגים להמיר תמונה כלשהי שתרצו לפאוויקון תוך שניות ספורות. אבל יש לך גם אפשרות תכנן את האפליקציה שלך ישירות עם העמודים האלה.
אם אתה רוצה את הקודם (העלה את התמונה והמיר אותה), אנו ממליצים על Favicon Generator או Favic-o-matic. אבל אם אתה רוצה את האחרון (תכנן אותו מאפס), הימר על עורך favicon.io או על אייקון.
עם וורדפרס
האם הדף שלך נוצר בוורדפרס? והאם אתה יודע שאתה יכול להשתמש במערכת הזו כדי ליצור את ה- favicon שלך. לשם כך תוכלו להשתמש בכמה תוספים המאפשרים לכם ליצור כפתור זה על סמך תמונה שהעליתם (או שאתם מעלים). גם דרך "מראה / התאמה אישית" אתה יכול לעשות את זה.
ברגע שביצעת את ה- favicon, עליך פשוט להכניס אותו לאתר שלך ולוודא שהוא יזהה אותו כדי שיוכל להציג אותו באזור השמאלי של שם הדף שלך, כמו גם בעת שמירתו במועדפים. בדרך זו הם יזהו אותך בקלות מבלי להפסיק לקרוא אם זה העמוד שהם באמת רצו לבקר בו.