למד מדוע התמונות אינן מוצגות באתר שלך וכיצד לתקן אותן
הפתגם הישן אומר כי "תמונה שווה אלף מילים." הדבר נכון במיוחד באינטרנט, שם טווחי תשומת הלב הם קצר לשמצה ולכן התמונה הנכונה באמת יכול לעשות או לשבור את האתר על ידי משיכת תשומת הלב הנכונה ומבקרים הדף מרתק מספיק זמן כדי שיוכלו ללמוד את מה שהם צריכים ללמוד או לבצע מסוים פעולה שמאותת על "ניצחון" עבור האתר. כן, כשזה מגיע לאתר, תמונות בפועל עשוי להיות שווה יותר מאלף מילים!
אז עם החשיבות של תמונות באינטרנט הוקמה, בואו הבא בחשבון מה האתר שלך אומר אם תמונה שאמור להיות באתר נכשל לטעון? מצב זה יכול לקרות אם יש לך תמונות מוטבעות שהן חלק מתמונות HTML או הרקע שהוחלו ב- CSS (והאתר שלך עשוי לכלול את שניהם). השורה התחתונה היא שכאשר גרפיקה נכשלת לטעון בדף, זה עושה את העיצוב נראה שבור, ובמקרים מסוימים, יכול לחלוטין להרוס את חוויית המשתמש באתר זה. "אלף המילים" כי התמונה היא בהחלט לא חיובית!
הבה נבחן כמה מהסיבות הנפוצות לכך שהתמונות ייכשלו באתר, וכן מה עליך להיות מודע בעת פתרון בעיה זו במהלך בדיקות אתר .
נתיבי קובץ שגויים
כאשר אתה מוסיף תמונות לקובץ HTML או CSS של אתר, עליך ליצור נתיב למיקום במבנה הספריות שבו נמצאים קבצים אלה. זהו קוד שאומר לדפדפן היכן לחפש ולהביא את התמונה. ברוב המקרים, זה יהיה בתוך תיקייה בשם 'תמונות'. אם הנתיב לתיקייה זו והקבצים שבתוכה אינם נכונים, התמונות לא ייטענו כהלכה מכיוון שהדפדפן לא יוכל לאחזר את הקבצים הנכונים. זה יהיה לעקוב אחר הנתיב כי אתה אמר את זה, אבל זה יגיע למבוי סתום, במקום להציג את התמונה המתאימה, יגיע ריק.
שלב 1 בבדיקת בעיות טעינת תמונות הוא לוודא שנתיב הקובץ שקודדת נכון. אולי ציינת את הספרייה הלא נכונה או לא הרשימה נכונה את הנתיב לספרייה זו. אם אלה לא המקרה, ייתכן שיש בעיה נוספת עם הנתיב. תמשיך לקרוא!
שמות קבצים שגוי
כאשר אתה בודק את נתיבי הקבצים עבור הקבצים שלך, ודא גם שאיית את שם התמונה כראוי. מניסיוננו, שמות שגויים או שגיאות כתיב הם הסיבה השכיחה ביותר לבעיות טעינת תמונות. זכור, דפדפני אינטרנט מאוד לא סלחנית כשמדובר שמות קבצים. אם תשכחו מכתב בטעות או תשתמשו באות לא נכונה, הדפדפן לא יחפש קובץ דומה ויגיד, "אה, התכוונתם כנראה לזה, נכון?" לא - אם הקובץ איות שגוי, גם אם הוא סגור, הוא לא נטען בדף.
סיומת קובץ שגוי
במקרים מסוימים, ייתכן ששם הקובץ איות נכון, אך ייתכן שתוסף הקובץ שגוי. אם התמונה שלך היא קובץ .jpg , אבל ה- HTML שלך מחפש .png, תהיה בעיה. ודא שאתה משתמש בסוג הקובץ הנכון עבור כל תמונה ולאחר מכן ודא שאתה קורא לאותה הרחבה בקוד האתר שלך.
גם לחפש רגישות במקרה. אם הקובץ שלך מסתיים עם .JPG, עם האותיות הכל בקבצים, אבל את הקוד שלך הפניות .jpg, כל באותיות קטנות, ישנם שרתי אינטרנט מסוימים אשר יראו אלה שני שונים, למרות שהם קבוצות של אותיות. רגישות מקרה מקרה! זו הסיבה שאנחנו תמיד לשמור את הקבצים שלנו עם כל אותיות קטנות. פעולה זו מאפשרת לנו תמיד להשתמש באותיות קטנות בקוד שלנו, תוך ביטול בעיה אפשרית אחת עם קבצי התמונות שלנו.
קבצים חסרים
אם הנתיבים לקובצי התמונות שלך נכונים, והשם ותוסף הקובץ הם גם ללא שגיאות, הפריט הבא שיבדוק הוא לוודא שהקבצים הועלו בפועל לשרת האינטרנט. הזנחה להעלאת קבצים לשרת זה כאשר האתר הושק היא טעות נפוצה שקל להתעלם ממנה.
כיצד לפתור בעיה זו? העלה תמונות אלה, רענן את דף האינטרנט שלך, ועליו להציג מיד את הקבצים כצפוי. תוכל גם לנסות למחוק את התמונה בשרת ולהעלות אותה מחדש. זה אולי נראה מוזר, אבל ראינו את העבודה הזאת יותר מפעם אחת. לפעמים קבצים לקבל פגום, אז זה "למחוק ולהחליף" השיטה יכולה בסופו של דבר לעזור.
אתר אירוח התמונות הוא למטה
בדרך כלל תרצה לארח תמונות שהאתר שלך משתמש בשרת שלך, אך במקרים מסוימים, ייתכן שאתה משתמש בתמונות המארחות במקום אחר. אם האתר המארח את התמונה יורד, גם התמונות שלך לא יטענו.
בעיה בהעברה
אם קובץ תמונה נטען מדומיין חיצוני או משלך, תמיד יש סיכוי שייתכנו בעיות העברה עבור קובץ זה כאשר הוא נדרש תחילה על ידי הדפדפן. זה לא צריך להיות התרחשות נפוצה (אם כן, ייתכן שיהיה עליך לחפש ספק אירוח חדש ), אבל זה יכול לקרות מעת לעת.
הצד האומלל של בעיה זו היא כי באמת אין שום דבר שאתה יכול לעשות בקשר לזה שכן היא בעיה מחוץ לשליטה שלך. החדשות הטובות הן שזה בעיה זמנית, כי הוא נפתר לעתים קרובות די מהר. לדוגמה, כאשר מישהו רואה דף שבור למראה ומרענן אותו, זה לבד לעיתים קרובות לתקן את הבעיה לטעון כראוי את התמונות.אם אתה רואה תמונה שבורה, לרענן את הדפדפן כדי לראות אם אולי זה היה רק בעיה שידור על הבקשה הראשונית שלך.
כמה הערות אחרונות
כאשר חושבים על תמונות ועל טעינת חששות, שני דברים גם להיות מודע הם השימוש הנכון של תגי ALT ואת מהירות האתר שלך ואת הביצועים הכוללים.
ALT או "טקסט חלופי", תגים הם מה שמוצג על ידי דפדפן אם התמונה נכשלה. הם גם מרכיב חשוב ביצירת אתרי אינטרנט נגישים שניתן להשתמש בהם על ידי אנשים עם מוגבלויות מסוימות. לכל תמונה מוטבעת באתר שלך יש תג ALT מתאים. שים לב לתמונות שמוחלות ב- CSS אין תכונה זו.
לגבי ביצועי האתר, טוען תמונות רבות מדי, או אפילו רק כמה תמונות הענקים שאינם מותאמים כראוי עבור משלוח אינטרנט , תהיה השפעה שלילית על מהירות הטעינה. מסיבה זו, הקפד לבדוק את ההשפעה של כל תמונה שאתה משתמש בה בעיצוב האתר שלך, ולנקוט בכל הצעדים הדרושים כדי לשפר את ביצועי האתר, ועדיין ליצור את המראה והתחושה הכלליים המתאימים לפרויקט האתר שלך.