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

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

אנחנו צריכים לשים לב ל-3 מרכיבים בתמונה:

1. רזולוציה – אפשר לראות אותה בפרטים של התמונה במחשב.
2. גודל – רוחב וגובה התמונה בפיקסלים
3. משקל – משקל התמונה בקילובייטיםמגה-בייטים

בקצרה, מה היא רזולוציה

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

לרוב תמונות במחשב שלנו יהיו עם רזולוציה של 72dpi, ותמונות ממצלמה מקצועית לעיתים יצאו עם 300dpi. בשביל מסכים הרזולוציה הקטנה יותר מתאימה אבל אם אתם רוצים שהתמונה תראה טוב גם בגדלי מסך שהם מעבר לגודל Full HD של מסך סטנדרטי, כדאי שהרזולוציה של התמונות שאתם מעלים תהיה כ-150dpi.

מערכת TinyJPG מקטינה גם את הרזולוציה של התמונה.

מידות התמונה – Dimentions

רוחב וגובה בפיקסלים של התמונה, אתם יכולים לראות את המידע הזה במחשב שלכם כשאתם בוחרים אתה תמונה (למשל תמונה בגודל Full HD תהיה בגודל 1920 רוחב עם 1080 גובה).

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

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