מיטוב תמונות עבור SharePoint Online

מהירות הטעינה של דף אינטרנט תלויה בגודל המשולב של כל הרכיבים הדרושים לעיבוד הדף, כולל תמונות, HTML‏, JavaScript ו- CSS. תמונות הן דרך נהדרת להפוך את האתר שלך למושך יותר, אך הגודל שלהן עשוי להשפיע על הביצועים. על-ידי מיטוב התמונות שלך באמצעות דחיסה ושינוי גודל ושימוש בפריטי Sprite, ניתן לאזן את ההשפעה של תמונות גדולות מאוד. באמצעות עיבודי תמונות של SharePoint, באפשרותך להעלות תמונה גדולה אחת ולהציג מקטעים של התמונה, כדי לאפשר שימוש חוזר בתמונה במקום טעינתה מחדש.

שימוש בפריטי Sprite כדי לזרז את טעינת התמונות ב- SharePoint Online

Sprite של תמונה מכיל תמונות רבות קטנות יותר. באמצעות CSS, עליך לבחור חלק מהתמונה המורכבת להצגה בחלק מסוים של הדף עם מיקום מוחלט. למעשה, אתה מעביר תמונה אחת ברחבי הדף במקום לטעון תמונות מרובות, תוך הפיכת חלק קטן מתמונה זו לגלוי דרך חלון קטן שבו מוצג החלק הנדרש של תמונת Sprite למשתמש הקצה. SharePoint Online משתמש בפריטי Sprite כדי להציג את הסמלים השונים שלו ב- Sprite בשם spcommon.png.

הנושאים במאמר זה

  • דחיסת תמונות

  • מיטוב תמונות

  • עיבודי תמונות של SharePoint

צילום מסך של spcommon

באופן זה תוכל לשפר את הביצועים, מכיוון שאתה מוריד תמונה אחת בלבד במקום כמה תמונות ולאחר מכן מאחסן אותה במטמון ומשתמש בה. גם אם התמונה לא תישאר במטמון, על-ידי שימוש בתמונה אחת במקום בתמונות מרובות, שיטה זו מצמצמת את המספר הכולל של בקשות HTTP לשרת , ובכך מקצרת את זמני הטעינה של הדפים. זהו למעשה תהליך של איגוד תמונות. זוהי טכניקה שימושית מאוד אם התמונות אינן משתנות לעתים קרובות (לדוגמה, סמלים), כפי שמוצג בדוגמה של SharePoint לעיל. באפשרותך להשתמש ב- Web Essentials, פרוייקט קהילתי בקוד פתוח של ספק חיצוני, כדי לבצע זאת בקלות ב- Microsoft Visual Studio. לקבלת מידע נוסף, ראה צמצום ואיגוד ב- SharePoint Online.

שימוש בדחיסה ובמיטוב של תמונות כדי לזרז את טעינת הדפים ב- SharePoint

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

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

זירוז הורדת הדפים באמצעות עיבודי תמונות של SharePoint

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

הערה: עיבודים זמינים עבור SharePoint רק כאשר הפרסום זמין. באפשרותך להפוך את הפרסום לזמין תחת 'הגדרות' > 'הגדרות האתר' > 'ניהול תכונות אתר' > 'פרסום של SharePoint Server'. אם לא תעשה זאת, אפשרות העיבוד לא תופיע.

שינוי גודל בעיבוד תמונה פועל על-ידי שימוש בממד הקטן ביותר שאתה מגדיר, עבור הרוחב או הגובה, ולאחר מכן שינוי גודל התמונה כך שגודל הממד השני משתנה באופן אוטומטי בהתבסס על יחס הגובה-רוחב הנעול. כברירת מחדל, פעולה זו חותכת את התמונה מהמרכז לפי הממדים האחרים. לדוגמה, אם אתה מגדיר עיבוד ברוחב 100 פיקסלים ובגובה 50 פיקסלים, והתמונה המקורית שלך ברוחב 1000 פיקסלים ובגובה 800 פיקסלים, גודלה ישתנה כך שהממד של 800 פיקסלים יהפוך ל- 50 פיקסלים, והממד של 1000 פיקסלים (שהפך כעת ל- 62.5 פיקסלים) ייחתך ממרכז התמונה.

השלבים פשוטים יחסית, אך כדי להשתמש בעיבודים עבור התמונות, הם חייבים להימצא באתר SharePoint לפני הוספת התמונות. בנוסף, יש להפעיל את התכונות 'תשתית פרסום של SharePoint Server' (ברמת אוסף האתרים) ו'פרסום של SharePoint Server' (ברמת האתר).

הוספת עיבוד תמונה לזירוז טעינת הדפים

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

  2. בדפדפן אינטרנט, עבור אל האתר ברמה העליונה של אוסף האתרים לפרסום.

  3. בחר את סמל הגדרות.

  4. בדף הגדרות האתר, במקטע מראה ותחושה, מוצגים עיבודי התמונות המוכללים.

    באפשרותך להשתמש בעיבודים מוכנים לשימוש או לבחור עיבודי תמונות כדי ליצור עיבוד חדש.

    צילום מסך של עיבוד תמונה
  5. בדף עיבודי תמונות בחר הוסף פריט חדש.

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

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

    צילום מסך של שם עיבוד התמונה

חיתוך מותאם אישית עם עיבודי תמונות ב- SharePoint

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

הרחב את הכישורים שלך
סייר בהדרכה
קבל תכונות חדשות לפני כולם
הצטרף למשתתפי Office Insider

האם מידע זה היה שימושי?

תודה על המשוב!

תודה על המשוב! נראה שכדאי לקשר אותך לאחד מנציגי התמיכה של Office.

×