במדריך הבא נלמד שלב אחר שלב איך מטפלים בתמונות רגע לפני העלאתן לאתר.

לצורך הקטנת התמונות נשתמש בשני כלים:

1. FastStone Image Resizer הוא כלי לשינוי רזולוציה והוא מיועד להורדה למחשב. אישית אני ממליץ להוריד את הגרסה הניידת (Portable) שלו.
2. Tinyjpg הוא כלי מבוסס WEB שדוחס את התמונות מבלי לשנות את הרזולוציה שלהן.
   
   

רגע לפני שנצלול אל המדריך עולה השאלה: מדוע חשוב לטפל בתמונות ולא להעלות אותן לאתר כמו שהן? ובכן, הסיבה לכך היא פשוטה:

1. רזולוציה.
2. גודל קובץ.
   
   

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

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

• בשלב הראשון נוריד את תוכנת FastStone Image Resizer בגרסתה הניידת (Portable) ונחלץ את קובץ הזיפ שהורדנו למיקום שמתאים לנו. שימו לב שוב שמדובר בתוכנה ללא התקנה, מה שאומר שאפשר למקם אותה איפה שרוצים אפילו על דיסק און קי.
• בשלב השני נפעיל את התוכנה, נבצע הגדרות קבועות (שאפשר יהיה לשנות בהמשך) ונשנה את הרזולוציה של כמה תמונות ביחד.
• בשלב השלישי נעלה את התמונות ששינינו להן את הרזולוציה לאתר של Tinyjpg ונדחוס את כולן על מנת להוריד להן מהמשקל.
• בשלב הרביעי והאחרון נוריד את כל התמונות שדחסנו בבת אחת כקובץ זיפ בודד ונחלץ אותו על ידי דריסת התמונות הקיימות, מה שיביא לנו את התוצאה הרצויה של תמונות בגודל של פחות מ 100K הראויות להעלאה לאתר.