א"ב בניית אתרים - ליאורה זכאי

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

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

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

כדי להבין את ההבדלים ביניהן ערכתי עבורכם טבלה קטנה..

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

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

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

בעזרת CSS ניתן לשלוט בצורת ההנחה של התמונה,זה פרק נפרד אך בכתובת הבאה :
http://www.w3schools.com/css/css_background.asp
תוכלו ללמוד ולהתנסות בטכניקה זו בעצמכם.

אתרים רבים מכפי שאוכל למנות יש למציאת תמונות ברשת, אנימציות או רקעים... כמה מהם אמנה בסוף דף זה.אחת הדרכים למצאם לבד היא דרך כל מנוע חיפוש ברשת. מקום טוב להתחיל בו הוא האתר :
http://ditto.com