רוצה לשפר את תמונת האתר שלך? בעזרת images.tooling.report

אפשר לראות את מצב הכלים של התמונות.

פטריק קטנר
פטריק קטנר

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

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

למה זה קורה?

התמונות מהוות חלק עצום מכמות הבייטים שמועברים באתר – והבייטים האלה מצטברים! למעשה, גילינו שתמונות שלא עברו אופטימיזציה מהוות כמעט 75% מהגודל הכולל של הדף. כל הבייטים המבוזבזים האלה עולים כסף. זו הסיבה שבמחקר של מיליוני סשנים של משתמשים אמיתיים, נמצאו 38% פחות תמונות בדפים שלא הניבו המרות. אולי כדאי פשוט למחוק את כל התמונות? בוודאי שלא. עם זאת, כדאי לוודא שהתמונות שאתם שולחים מותאמות לכל המשתמשים, ללא קשר למכשירים שבהם הם משתמשים.

מה זה?

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

אבל לא הצלחנו לעצור שם. חיפשנו אפשרויות מתקדמות יותר, כמו תמיכה ב-Save-Data, ב-ECT וברמזים ללקוחות אחרים, כדי לחפש ניתוח פסיכו-ויזואלי אוטומטי שיכול להשתמש במודלים של נתונים כדי לדחוס תמונות שוב ושוב, כדי למצוא את הגרסה שצורכת הכי מעט בייטים בלי לשנות את הדרך שבה העיניים שלנו קולטות אותה. האם לוחצים על כל הפיסה הלא-ויזואלית האחרונה מהתמונות לפני ששולחים את החוט?

צילום מסך של דף הנחיתה עבור images.tooling.report במצב כהה.

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

  • יישומי פלאגין של מערכת ניהול תוכן הם חבילות שניתן לפתח בקלות בפלטפורמות כמו WordPress.
  • כלים להקמת אתרים משווים בין מספר שירותים שונים שבהם אפשר להשתמש כדי לבנות את האתר.
  • אירוח עצמי מיועד למפתחים שמרגישים בנוח לשכפל פרויקט Git או להריץ תמונת Docker משלהם בסביבת ייצור.
  • רשתות CDN הן קצת יותר מסובכות. חלקם הם רשתות CDN במובן המסורתי, ואילו אחרים הם שירותים שמעבירים את התמונות לשרת proxy או מארחים את התמונות שלך בקצה.

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

מה השלב הבא?

האם לדעתך החמצנו כלי או שירות לתמונות? שתף אותנו! הכלים והשירותים וגם הבדיקות עצמם הם דבר חי ומתעדכן. אם אתם צריכים מקום זריז כדי להתמצא בתכונות המתקדמות של תמונות המשלוח, כדאי שתוודאו שהתחנה הראשונה שלכם היא images.tooling.report.

תמונה ראשית (Hero) מאת מייקל מאסן ב-UnFlood.