ניתן להתייחס לתמונות ברסטר כסדרה של הוראות פיקסל-אחר-פיקסל לעיבוד רשת דו-ממדית. הפורמטים הנפוצים של תמונות לרסטר כוללים GIF (.gif) , JPEG (.jpg) , PNG (.png) ו-WebP (.webp). ההוראות האלו נדחסות ומקודדות בכל פורמט תמונה, וכתוצאה מכך יש הבדלים עצומים בין גודל הקבצים: תמונה מצולמת שמקודדת כ-JPEG עשויה להיות בגודל של כמה מאות קילובייט (KB) בלבד, בעוד שאותה תמונה שמקודדת כ-PNG עשויה להיות בגודל של כמה מגה-בייט ללא הבדל ברור באיכות למשתמש הקצה.
מקור של תמונה מסוג רשת נקודות שגודלו חורג מהמימדים המובנים שלו ייראה מעוות, גס או מטושטש:
ליצירות אומנות שמכילות רמות פירוט בעולם האמיתי, תמונות בפורמט רסטר הן הכלי המתאים למשימה.
בדיוק כמו לבחירה בין תמונות רסטר לתמונות וקטוריות, בחירת הסוג המתאים של תמונה מסוג רשת נקודות תלויה בסופו של דבר בתרחיש לדוגמה. כשאנחנו מציגים תמונות רשת נקודות לקידודים שלהן, אנחנו מדברים על השיטות שמשמשות לתיאור התוכן שלהן ושיטות הדחיסה (או ללאן) שאנחנו מיישמים. חשוב לזכור שהשרת לא שולח תמונה באמצעות כבל לדפדפן, אלא זרם של בייטים שמתאר את רשת הפיקסלים שממנה מורכב התמונה הזאת שהלקוח יכול להרכיב מחדש.
לכן, כדי להמחיש בצורה טובה יותר את תהליך הקידוד של רשת פיקסלים כנתונים ב-bytestream, רצוי לדמיין שאתם פועלים כדפדפן האינטרנט. נניח שיש לכם גיליון ניירות בפורמט מילימטר וחבילה ספציפית של צבעי פסטל בשם המותג. לי, כשרת האינטרנט, יש בדיוק אותם הדברים - אבל כבר השתמשתי בצבעי הצבעים כדי למלא את נייר המכתבים בתמונת המקור. אם אשלח לך הודעת טקסט פשוטה, לא יכולתי לשלוח לך את התמונה עצמה, אבל יכולתי להעביר מידע על מקור תמונה בשפה שאנחנו מבינים באמצעות התקן המשותף שלנו לרשת ולצבעים של "פיקסל":
מתחילים בפינה הימנית העליונה. שורה ראשונה והעמודה הראשונה מסומנת בכחול. שורה ראשונה ועמודה שנייה מסומנות בכחול. שורה ראשונה ועמודה שלישית מופיעות בכחול. שורה ראשונה, עמודה ארבע היא אדומה.
בעזרת המידע הטקסטואלי הזה תוכלו ליצור מחדש באופן מושלם את התמונה שיש לי בגיליון ניירות התרשימים.
הבדלים בפורמטים של תמונות ואופן הקידוד שלהם עלולים להיחשב באופן רופף כצורת העיצוב של המידע הזה. לדוגמה, ניתן לבטא את המידע ששלחתי לך בקלות כמו:
מתחילים בפינה הימנית העליונה. שורה ראשונה, העמודות אחת עד שלוש מופיעות בכחול. שורה ראשונה, עמודה ארבע היא אדומה.
כל אחד מהתיאורים יוביל לאותה תמונה, אבל התיאור השני יתאר את אותה תמונה עם פחות תווים. זוהי שיטה ללא אובדן לדחיסת נתוני תמונה: כל אותו המידע, ולכן לא הפחתה של האמינות החזותית, אלא פחות בייטים שהועברו ממני אליכם - מהשרת למנוע העיבוד. זוהי השפה הפשוטה של 'קידוד אורך הריצה' לנתוני תמונה, שבה הנתונים מקודדים כערך שיש לחזור עליו כספירה, במקום שחוזרים על הערך המלא כמה פעמים.
הדחיסה ההופכי, Losy, עשויה להישמע כמו מנוע חיפוש לתחילת פעולה במקרה של ערך נקוב – למה הייתם רוצים שהתמונות שלכם ייראו גרועות יותר? אבל זה לא המקרה בלבד, וכדאי לזכור שגם בעיניים שלנו אין אמינות מושלמת. בחירת הפורמט וההגדרות הנכונים לדחיסת תמונה היא תרגיל במציאת האיזון בין רמת הפירוט החזותי שאנחנו יכולים לקלוט לבין כמות הנתונים שנשלחים לדפדפן. שני הגורמים האלה נקבעים על סמך התוכן של תמונת המקור שלנו.
הפורמטים של התמונות מסוג רשת נקודות הם אלה שסביר להניח שאתם מכירים כמפתחים, כמו GIF, JPEG, PNG, WebP ועוד. במודולים הבאים נלמד על היכולות של כל אחד מהם.