עורך פיקסלים ל-favicon
ציירו favicon חד פיקסל אחר פיקסל – מ-16×16 עד 64×64 – או כוונו תמונה מיובאת, ואז הפכו אותה לחבילת favicon מלאה בלחיצה אחת.
קיצורי מקלדת וטיפים
- Bעיפרון
- Eמחק
- Gדלי צבע
- Iטפטפת
- Lקו
- Rמלבן
- Oאליפסה
- Mהזזת התמונה (עם גלישה)
- Xהחלפה בין הצבע הראשי למשני
- #/הצגה/הסתרה של הרשת
- Ctrl+Zביטול
- Ctrl+YCtrl+Shift+Zביצוע חוזר
- +-0התקרבות, התרחקות, התאמה
- Shiftקווים ישרים, ריבועים ועיגולים מושלמים
- ←→הזזת התמונה (כלי ההזזה)
- Escביטול הצורה הנוכחית
לחיצה ימנית צובעת בצבע המשני. במסכי מגע, אצבע שנייה מבטלת את הקו הנוכחי.
איך מציירים favicon טוב בגודל 16×16
favicon מוצג בדרך כלל בגודל של 16 או 32 פיקסלים בלבד, ולכן כל פיקסל חשוב. ציור ידני על רשת פיקסלים מעניק קצוות חדים ושליטה מלאה – משהו שלוגו שהוקטן אוטומטית כמעט אף פעם לא משיג.
התחילו בקנבס של 16×16 ושמרו על עיצוב פשוט: אות בולטת אחת, סמל פשוט או החלק הכי מזוהה בלוגו שלכם. השתמשו בניגודיות חזקה כדי שהסמל יישאר קריא גם בכרטיסיות דפדפן בהירות וגם בכהות, ובדקו את התצוגות המקדימות החיות תוך כדי הציור.
כשאתם מרוצים מהתוצאה, לחצו על "יצירת favicon מהציור". הגנרטור שומר על חדות הפיקסלים ויוצר מהציור שלכם את favicon.ico, אייקוני PNG, אייקוני Apple touch ואייקוני Android.
טיפים ל-favicon חד בסגנון פיקסל ארט
- השתמשו בשניים עד ארבעה צבעים – יותר מדי גוונים הופכים לרעש בגדלים קטנים.
- השאירו שוליים של פיקסל אחד או מלאו את הריבוע כולו; הימנעו מצורות שנוגעות רק בחלק מהקצוות.
- העדיפו קווים אופקיים ואנכיים; קווים אלכסוניים נראים הכי טוב בזווית של 45 מעלות.
- השתמשו במצב מראה לאייקונים סימטריים ובצבע שקוף לאזורים שקופים.
- ציירו ב-32×32 או ב-48×48 אם האייקון מפורט – גדלים גדולים יותר משמשים במסכים ברזולוציה גבוהה.