מדריך

כיצד ליצור Favicon

יצירת favicon היא עבודה של 60 שניות: התחל מריבוע, צור .ico בגדלים רבים וקשר אותו ב-HTML <head> שלך. מדריך זה עובר על כל שלב.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

תמונת המקור שלך צריכה להיות מרובעת ולפחות 512×512. SVG אפילו טוב יותר - הוא מתקלף ללא אובדן איכות.

ההגדרה המינימלית הקיימת היא favicon.ico יחיד בגדלים רבים. ההגדרות המודרניות כוללות גם SVG, 180×180 apple-touch-icon וזוג 192×192 + 512×512 PNG עבור הנחיות התקנה של PWA.

איך זה עובד

  1. 1

    הכן מקור מרובע

    512×512 PNG או SVG עם ריבוע viewBox.

  2. 2

    לִיצוֹר

    השתמש במחולל ה-favicon שלנו כדי לאגד את כל הגדלים ל-.ico יחיד.

  3. 3

    לְהַתְקִין

    שחרר את favicon.ico לשורש האתר שלך וקשר אותו ב-<head>.

נסה עכשיו

צור את ה-favicon שלך עכשיו

מחולל פביקון

שאלות נפוצות

מה הכלי הכי קל לעשות פייביקון?+

מחולל ה-favicon שלנו - העלה, לחץ על צור, הורד. אין הרשמה, אין העלאה לשרת.

איזה גודל צריכה להיות תמונת המקור שלי?+

512×512 מינימום. SVG הוא אידיאלי.

האם אני צריך apple-touch-icon?+

כן, אם אתה רוצה סמל מסך ביתי נקי ב-iOS. 180×180 PNG, מקושר באמצעות <link rel="apple-touch-icon">.

כלים קשורים

מדריכים נוספים

מדריכים