מדוע להשתמש בקבצי SVG באתר האינטרנט שלך

מדוע להשתמש בקבצי SVG באתר? גרפיקה וקטורית או בשמה המלא (Scalable Vector Graphics) ממלאת תפקיד חשוב בעיצוב אתרים כיום.

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

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

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

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

גודל הקובץ

בהעלאת תמונות לאתר אינטרנט בפורמט ( JPG, PNG, GIF) נתקלים תמיד בדילמת הגודל.

גדול יותר = כבד יותר.. מעט את האתר. מה הגודל הנכון?

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

עיצוב ב CSS 

ניתן לעצב כל קובץ SVG ע"י CSS. צריך לשנות את צבע סמל SVG? במקום לערוך את התמונה הזו בתוכנת עריכת גרפיקה ואז לייצא ולהעלות את הקובץ שוב,

תוכלו לשנות את קובץ SVG פשוט בעזרת מספר שורות של CSS. אתה יכול להשתמש ב- CSS כדי לשנות SVGs גם עבור מצבי ריחוף וצרכים אחרים של העיצוב.

אנימציות

ניתן לעצב כל קובץ SVG ע"י CSS. אפשר להשתמש גם בהנפשות CSS. טרנספורמציות ומעברים של CSS הן שתי דרכים קלות להוסיף קצת חיים ל- SVGs.

אתה יכול לקבל חוויות עשירות כמו פלאש בדף מבלי להשתמש ב- Flash. 

שימושים ב- SVG

SVG מתאים גם לאיורים מורכבים, כמו גרפים, תרשימים וסמלי לוגו של החברה. כל הגרפיקה הללו נהנים מכך שהם יכולים להיות מורחבים ומסוגלים להיות מעוצבים באמצעות CSS.

תמיכה בדפדפנים ישנים

התמיכה הנוכחית ב- SVG טובה מאוד בדפדפני האינטרנט המודרניים. הדפדפנים היחידים חסרי תמיכה בגרפיקה זו הם גרסאות ישנות של Internet Explorer (גרסה 8 ומטה) וכמה גרסאות ישנות של אנדרואיד.

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

מדוע להשתמש בקבצי SVG באתר

שמור על קשר

שיתוף ב facebook
שיתוף ב email
שיתוף ב whatsapp
שיתוף ב telegram

הירשמו לניוזלטר שלנו

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

פוסטים אחרונים

רפאל צור

רפאל צור

מומחה אתרי וורדפרס ושיווק דיגיטלי באינטרנט​

אהבתם? במידה ותירצו לקבל עדכונים עתידיים ישירות למייל שלכם אתם מוזמנים להירשם בקישור למטה.

השאר תגובה

לפוסט הזה יש תגובה אחת

כתיבת תגובה