הגדרות

מפת תמונה

מפת תמונות היא תמונה יחידה שיש לה "איזורים פעילים", שלפעמים נקראים גם "hot spots". כאשר המשתמש בוחר (או מקיש) על אחד מהאיזורים, מתרחשת פעולה כלשהי - כניסה לקישור, פעולת javascript וכו'.

לכל תמונה בדף אינטרנט יש קואורדינטות x ו-y. אם התמונה היא ריבוע ברוחב 100 פיקסלים, אזי הפינה השמאלית העליונה ממוספרת ב- 0,0, והפינה הימנית התחתונה היא 100, 100. אפשר לחלק את התמונה לאיזורים (AREAs) שונים ע"י ציון הקואורדינטות, וכך להפנות קישורים או פעולות שונות לחלקים שונים של התמונה.

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

צד השרת

מזמן מזמן, לפני 1995, כאשר הדינוזאורים עוד שוטטו על פני כדור הארץ, הדרך היחידה ליישם מפות תמונות היתה בעזרת סקריפט ב- cgi-bin של השרת (CGI = common gateway interface). למשתמש זה היה איטי, ולמפתח זו היתה טרחה. ניתן לזהות מפות תמונות שעל צד השרת על פי תוית ה- ISMAP שעל דף ה- HTML. דרך נוספת לזהות מפות תמונות היא לעבור עליהן עם הסמן. ב-status bar של הדפדפן, תראו רשימה של קואורדינטות x,y, במקום URLs (כך אין לכם שום מושג לאן הלחיצה תוביל).

צד הלקוח

ב- 1995 מצאו דרך טובה יותר ליצור מפות תמונות. מפות חדשות אלה נקראות "צד הלקוח" מכיוון שהן לא דורשות סקריפט בצד השרת כדי לרוץ, הקוד שלהן יושב בדף ה- HTML. ניתן לזהות את המפות האלה על ידי תוית ה- USEMAP שב- HTML, ועל ידי העובדה שכשעוברים עליהם עם הסמן רואים ב- status bar של הדפדפן את ה- URLs המתאימים לקישורים.

החל ב- Netscape 2  ו- IE 2, כל הדפדפנים תומכים במפות תמונות בצד הלקוח (אפילו Mosaic הישן תמך בהם, וגם Lynx תומך). אם נתקלתם במאמר שמשמיץ מפות תמונות בצד הלקוח מכיוון שאין להם תאימות אחורה (backward compatibility), בדקו את התאריך, סביר להניח שהוא יהיה 1996.

צורות גיאומטריות זמינות

למעשה זהו סעיף לא ברור, כיוון שכל סוגי הצורות - עיגולים, מצולעים, משולשים, מלבנים, אליפסות, נקודות - זמינות במפות תמונות בצד הלקוח (ראו מאמר של Webmonkey לדוגמאות של צורות). נכון שלפני 1995 היו דפדפנים שלא יכלו לזהות מלבנים, אבל היום כל הדפדפנים מכירים את כל הצורות. מאוד קשה לדמיין מצב שבו היצע הצורות הזמינות בצד הלקוח לא יענה על צרכיכם.