בודקים את מצב הכלים ליצירת קובצי אימג'.
קל להעלות תמונה לאינטרנט, אבל קשה לעשות זאת בצורה טובה. אם אנחנו עושים את כל זה בעצמנו, קל לשכוח לבחור את הפורמט, דחיסת הנתונים, הנקודות לאינץ' (DPI) ומאות הגדרות אחרות.
החדשות הטובות הן שיש היום שפע של כלים ושירותים שיכולים לעשות את כל זה בשבילנו. החדשות הפחות טובות הן שיש שפע של אפשרויות. לפעמים קשה לבחור את הכלי או השירות שמתאימים לכם. לכן אנחנו משיקים את images.tooling.report, אתר שבו אנחנו מפרסמים את מה שלדעתנו חשוב ביותר כששולחים קובצי אימג' בייצור, ומאפשרים להשוות בין חלק מהתוכנות והשירותים הפופולריים ביותר, בין אם הם בתשלום או בחינם, מתארחים או מתארחים בעצמכם.
מה הסיבה לכך?
תמונות מהוות חלק גדול מהבייטים שהאתר מעביר – והבייטים האלה מצטברים! למעשה, גילינו שתמונות שלא בוצעה בהן אופטימיזציה מהוות כמעט 75% מהגודל הכולל של הדף. כל הבייטים האלה שהולכים לפח עולים כסף. לכן, במחקר שכלל מיליוני סשנים של משתמשים אמיתיים, בדפים שהניבו המרות היו 38% פחות תמונות בהשוואה לדפים שלא הניבו המרות. אז האם כדאי למחוק את כל התמונות? כמובן שלא. עם זאת, צריך לוודא שהתמונות שאתם שולחים עוברות אופטימיזציה לכל המשתמשים, ללא קשר למכשירים שבהם הם משתמשים.
מה זה?
הצגת תמונות שעברו אופטימיזציה היא לא רק לחיצה על 'שמירה לאינטרנט'. לכן, הפונקציה images.tooling.report בודקת מגוון רחב של תכונות. אנחנו עוברים על העקרונות הבסיסיים, כמו מידת הדחיסה שהכלים והשירותים השונים מספקים, ועל אופטימיזציות של רשתות, כמו כותרות מטמון לטווח ארוך.
אבל אנחנו לא מפסיקים כאן. חיפשנו אפשרויות מתקדמות יותר, כמו תמיכה ב-Save-Data, ב-ECT וברמזים אחרים ללקוח, כדי למצוא ניתוח פסיכו-חזותי אוטומטי שיכול להשתמש במודלים של נתונים כדי לדחוס תמונות שוב ושוב, ולמצוא את הגרסה שמכילה את הכי פחות בייטים בלי לשנות את האופן שבו העיניים שלנו תופסות אותה. האם אתם מנצלים את כל הנתונים הלא חזותיים מהתמונות לפני השליחה?
כמובן, כל אתר הוא מיוחד במינו – לא היה כלי או שירות אחד שעשו בדיוק את מה שחיפשנו. זה צפוי. לכן פיצלנו את הדברים שבדקנו לקטגוריות שונות. אנחנו מכסים רשתות להעברה והצגה של תוכן (CDN), פרויקטים מתארחים, יוצרים של אתרים ופלאגינים למערכות ניהול תוכן (CMS). אלו הגדרות רחבות למדי, שנועדו בעיקר לעזור לכם להשוות בין אפשרויות שונות בצורה רלוונטית יותר:
- פלאגינים של מערכות ניהול תוכן הם חבילות שמאפשרות פיתוח קל בפלטפורמות כמו WordPress.
- כלי ליצירת אתרים משווים בין מספר שירותים שונים שאפשר להשתמש בהם כדי ליצור את האתר.
- אירוח עצמי מיועד למפתחים שמתמצאים ביצירת עותקים מקוריים (cloning) של פרויקט ב-Git או בהרצה של קובץ אימג' של Docker משלהם בסביבת הייצור.
- CDN הוא קצת יותר מורכב. חלק מהשירותים האלה הם CDN במובן המסורתי, אבל אחרים הם שירותים שמשמשים כשרת proxy או מארחים את התמונות שלכם בקצה.
אי אפשר לענות על כל הצרכים של כולם כל הזמן, אבל כדאי לבדוק את הבדיקות והתכונות שנבדקות ולראות איך האופטימיזציה של התמונות שלכם עומדת במבחן. מה קורה אם אתם לא מבצעים אופטימיזציה של תמונות כבר היום? אם זה המצב, כדאי לכם לבדוק את הכלים לעיבוד תמונות ולראות אילו יתרונות אתם יכולים להציע לאנשים שכבר משתמשים באתר שלכם.
מה השלב הבא?
לדעתך פספסנו שירות או כלי לעיבוד תמונות? שלח לנו הודעה! גם הכלים והשירותים וגם הבדיקות עצמן הם דברים חיים ומתעדכנים. כשאתם צריכים מקום מהיר לבדוק את המצב העדכני ביותר בנושא שליחת תמונות, images.tooling.report הוא המקום הראשון שכדאי לכם לבדוק.
תמונה ראשית (Hero) של Michael Maasen ב-Unsplash.