גודל favicon עבור האתר שלך

בעיצוב אתרים, כמו שאתם בטח יודעים, בכל ענייני פרט. האיש שנכנס לאתר שלך, לא יכול לראות כל רכיב בנפרד, ולוקח את התמונה כולה של החבילה, אשר מורכבת של פרטים קטנים אחרים. לכן, אם אתה מפספס משהו בתהליך של פיתוח המשאב, פרט זה בעתיד יכול לקלקל את המתחם כולו, את ההרכב כולו.

קנסות כאלה יכולים להיות, למשל, את הרקע של הכפתור, גופנים שגויים קצת פריט קטן ואפילו favicon. ואכן, נראה גדולים sami-, אתרים ידועים יש סמל פרט המייצג אותו "הסימניות" בדפדפן של המשתמש. בלי זה, מפתחי משאבים לא הצליח ליצור את הרכב שאליו הם ביקשו במקור.

לכן, אתה יוצר עיצוב של האתר, צריך לדאוג פרטים כגון favicon. במאמר זה נדבר על איך לבחור אותו תחת סגנון משאב כללי, ומה גודל צריך להיות בתמונה.

אתר אייקון

ראשית, נגדיר מה מהווה מרכיב זה. עכשיו תסתכל בכותרת של הכרטיסיות בדפדפן שלך. כפי שאתה יכול לראות, משמאל יש תמונה קטנה שמייצגת גרסה פשוטה יותר של משאב הלוגו. תמונה דומה קיימת ליד שם האתר מוצגים בתוצאות החיפוש. כי המשתמש הוא מודרך על ידי אותה, כשהם רואים את הכותרת.

אתרים רבים מבינים כי תמונה זו נחוצה - אבל כמה אנשים יודעים מה גודל בסמל האתר יהיה מתאים ביותר. לכן, במאמר זה אנו לא רק לתת מידע על איך לעשות כזה סמל וכיצד להתקין אותו באתר שלך, אלא גם כדי לתאר את הממדים של התמונה.

favicon מטרה

אז, בתמונה ליד כותרת האתר משמש לזיהוי. זוהי מטרתו המקורית: להביע את האתר, אשר אנו רואים נתנאל, ובחר אותו בעיניים אחרות. זה הופך להיות מאוד פשוט על ידי שימוש בגרפיקה: אנו תופסים מידע אינטואיטיבי בתמונות הרבה יותר מהר וקל יותר בפורמט טקסט. Favicon לעזור לנו בזה. אבל אל תשכח כי גודל favicon הוא מינימלי בעיני המשתמש. לא מדובר בלוגו של אתר "כובע" העשויים להכיל מידע נוסף בדמות כתובות, קצת מידע הבהרה או מגע. כל דבר יכול להיות מתואר על הסמל ליד שם, צריך להיות המתאים ביותר לגודל של favicon. וזה, כפי שכבר צוין, מיניאטורה (של 16 על ידי 16 פיקסלים).

כיצד לבחור favicon?

אז איך מנהל אתר יכול לעצב סמל עבור האתר שלך? יצוין כי פשוט לדחוס את הלוגו של האתר, ככל הנראה, לא יעבוד. על כרזות שאינן לשים בצורת הלוגו של משאב מסוים, לעתים קרובות לראות פריטים שונים כי לא תמיד יוצגו כראוי בצורה מיניאטורית. עדיף מיד לנטוש מיזם זה.

כמובן, בגודל של favicon לא יכול לדבר על זה רק להכניס את הכתובת שם. כל טקסט פשוט לא גלוי ברזולוציה זו. אנחנו צריכים לפתח סמל חדש אשר ישדר בסגנון אתר. כדי למצוא פתרונות, שוב, בואו נסתכל על המקומות המרכזיים.

רבים משתמשים מכתב ראשון מסוגנן favicon של שם השירות. אז לבוא, למשל, בינג, יאהו, Yandex, ויקיפדיה, גוגל. יש גישה אחרת - אם יש לך שם קצר של האתר, אתה יכול להגדיר אותה כרקע של הסמל. כדי favicon רזולוציה (פיקסלים שהוא מגיע, שוב, 16 עד 16 נקודות) יכול להראות את השלט בצורה נכונה, זה חייב להיות לא יותר מאשר שלוש אותיות. כך גם, למשל, שירות AOL.

כיצד ליצור favicon?

הפוך סמל עבור השם של האתר במספר דרכים. כמובן, הכי קל - היא לעבוד עם פתרונות מן המוכן שונים. אנחנו יכולים לדבר על כל שירותים או תוכניות המאפשרות לך לבצע דימוי של הסמל המלא על ידי צמצום זה. עם זאת, אני ממליץ לבצע את הפיתוח של הלוגו על משלה. זה, ראשית, יאפשר ללמוד משהו; ושנית, כדי לספק מספר רב של כלים. כל מה שאתה צריך כדי להיות מסוגל לעשות תיקו ההיא.", כמו גם לדעת מה favicon גדל להיות הגרסה הסופית. בערך בגודל של סמלים עבור האתר, נדבר יותר מאוחר, אך לעת עתה נציין כמה מן הדקויות של עבודה עם תמונות כאלה. בפרט, שלא לדבר על הגודל של בסמל האתר, צריך להבהיר יחס היבט זה. כפי שצוין על ידי מעצבים מנוסים, התמונה צריכה להיות נשמר כמו .png (24-bit) או כפי fayl.ICO.

בצע לשמור את התמונה, אתה יכול, למשל, בעזרת פוטושופ, שם הוא יצויר סמל.

favicon ממדים

אז עכשיו בואו נדבר על כמה גדול חייבת להיות בתמונה שאנחנו רואים שליד האתר בתוצאות החיפוש. כברירת מחדל, כפי שכבר הוזכר, גודלו הוא רק 16 פיקסלים (בכל צד). עם זאת, אם אתה מנסה לערוך את התמונה ב "פוטושופ", לבדוק בעצמך אם זה לא נוח. לכן, מומלץ לעבוד עם דימוי מוגדל, אשר בעתיד יהיה רק לסחוט את הקצוות ונשמר בפורמט הרצוי.

מרובה

עם זאת, מדבר על מה הגודל של favicon צריך להיות באתר שלך, אתה צריך לזכור עוד דבר אחד. לא כל הפלטפורמות הם לא פחות משקפות את תמונת המשאב. לדוגמה, מכשיר Retina-תצוגה "לראות" favicon שלך בסכום של 32 עד 32 פיקסלים. בשנת ספארי, ועל פלטפורמת Windows החדשה, וכל הסמלים הללו מגיעים בגודל 64 פיקסלים.

לכן אנו ממליצים לשמור על גרסאות שונות של סמלים בעתיד פשוט לספק השינוי שלו תלוי שפלטפורמת המשתמש. נקודה מעניינת נוספת - אתה יכול לנסות להוריד את הסמל בפורמט הגדול בתקווה שזה יהיה "לכווץ", תלוי בדפדפן.

עורכי זרים

כמובן, טוב אם אתה טוב פוטושופ ולדעת מה favicon גודל צריך להיות ואיך להשיג את זה, לשמר את תדמיתה. עם זאת, יש הרבה למתחילים אשר פשוט לא חוו עורכי גרפיקה כך חזק לפני, אז לא יכול להיות כל כך קל לצייר תמונה רצויה. כדי לסייע למנהלי אתרים אלה, ישנם שירותים שונים המאפשרים לבצע אוטומטית אתה מתעניין סמל. רבים מהם אפילו בחינם, שאינו דורש שום השקעה מצד המשתמש.

כדי לעבוד לפעמים רק צריך להירשם, אבל, כפי שאתה יודע, זה נעשה רק פעם אחת - למעשה לא כל כך קרובות חברות לשנות favicon. רק תסתכלו על גוגל, אשר כל יום משנה את הלוגו, אבל זה לא לגעת בסמל.

כיצד להתקין favicon?

באופן כללי, להגדיר את האתר כך שהוא נכון מציג את התמונה שאתה רוצה, זה פשוט מאוד. זה מספיק כדי לבצע סדרה של צעדים פשוטים שיאפשרו מנועי החיפוש, כמו גם רק דפדפן לקרוא את המידע.

בשביל זה אתה צריך לשמור את התמונה שהתקבלה בתור favicon.ico ולשים אותו בתיקיית השורש של המשאב. עכשיו הכל התמונה שלך תזוהה באופן אוטומטי, ועל התקרית כמה זמן הוא יקושר אל האתר שלך.

בנוסף מחייב זאת, אתה יכול להוסיף קו נוסף, אשר יהיה "פקודה", שבו הסמל שלך. זה נראה כדלקמן:

הגדר את הקוד צריך להיות בכותרת.

ממצאים

אז, לאחר קריאת מאמר זה, אתה מתמודד עם העובדה, מה גודל צריך להיות בסמל האתר וכי הוא כלל. כמו כן, אני חושב שאתה מבין כי החיפוש אחר סמל מתאים לאתר שלך - זה הכרח, משום שהיא משחקת לידיהם של שניכם מבחינת גברת מודעות, הוא מבחינת ההקצאה הנוספת בקרב המתחרים שלך. לפחות האתרים הגדולים פועלים באותו אופן שבו אנחנו יכולים לקחת כדוגמא בולטת. ואז, במאמץ רב הוא אינו גורם - מה שהופך favicon פעם ולהתקין אותה באופן תקין באתר שלך, אתה יכול לשכוח מזה לחודשים הקרובים.

אז אל תהסס לנסות, להמציא משהו חדש, לנסות - ולהצליח!