איך לכווץ תמונות

מהו כיווץ תמונות?

כיווץ תמונות הוא תהליך של הקטנת גודל התמונה, מבלי להשפיע הרבה על איכות התמונה.

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

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

הנה דוגמה לתמונה לא דחוסה לעומת תמונה דחוסה:

התמונה המקורית - תמונה לא מכווצת - שוקלת 655KB
התמונה המקורית – תמונה לא מכווצת – שוקלת 655KB
תמונה מכווצת - שוקלת 128KB
תמונה מכווצת – שוקלת 128KB

כפי שאפשר לראות, בכיווץ נכון, אותה תמונה שוקלת ב-80% פחות מהגרסה הלא מכווצת, מבלי לאבד כלל באיכות התמונה הנראית לעין.

היתרונות של דחיסת תמונות

אמנם ישנם יתרונות נוספים לכיווץ התמונות שלך, אך אלו הן היתרונות המובילים שכדאי לכם להיות מודע אליהם:

  • חסכון במקום – פחות אחסון ורוחב פס פירושם יותר מקום להעלאת קבצים, כמו גם עלות מופחתת עבור שירותי האחסון ו/או CDN שלנו.
  • טעינת עמודים מהירה יותר – ככל שהדפים שלך נטענים מהר יותר, כך חווית המשתמש למבקרים שלנו תהיה טובה יותר ופחות מבקרים ינטשו את האתר שלך. לפי סקר של Unbounce, כמעט 70% מהצרכנים הודו שמהירות הדף משפיעה על נכונותם לקנות מחנות דיגיטלית.
  • דירוג קידום אתרים משופר – גוגל ומנועי חיפוש אחרים אוהבים אתרים מהירים, האתר שלנו יקבל דירוג יותר טוב ישירות מכך ששיפרנו את מהירות האתר וגם בעקיפין מכך שחווית המשתמש באתר השתפרה.

כיווץ תמונות אונליין חינם באופן ידני

לפני שתעלו תמונות לאתר הוורדפרס שלכם, תוכלו לכווץ את התמונות אונליין באופן ידני באמצעות תוכנה לכיווץ תמונות. לדוגמה, ShortPixel Online Optimizer או שימוש בתוכנה כמו Adobe Photoshop.

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

אז איך עושים כיווץ תמונות חינם?

את הכיווץ תמונות נעשה באמצעות אפליקציה לכיווץ תמונות בשם Shortpixel. 

  1. הכנסו לאתר של ShortPixel

    תוכלו להכנס לאתר:
    ShortPixel Online Optimizer

    תמונה של התוכנה לכיווץ תמונות - Shortpixel - וובשוק - חברה לבניית אתרים
  2. בחרו את התמונות שאתם רוצים לכווץ

    תוכלו לגרור אותם מהמחשב ישירות לאתר והתמונות יכווצו אוטומטית.
    תמונות שתוכלו לכווץ הן תמונות JPEG, PNG וGIF.


    המחשה של גרירת תמונות מהמחשב אל התוכנה לכיווץ תמונות - וובשוק - חברה לבניית אתרים

  3. וזהו, סיימנו

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

כיווץ תמונות אונליין באמצעות תוסף

השיטה הקלה ביותר לכיווץ תמונות מבלי לאבד את האיכות היא באמצעות תוסף ייעודי למטרה. אישית, אנחנו משתמשים בShortPixel Image Optimizer, אחד מתוספי הכיווץ הפופולריים ביותר.

מלבד כיווץ תמונות ואופטימיזציה, התוסף מגיע עם אפשרויות נוספות שיעזרו לנו בטיפול התמונות באתר:

  • אפשרות לכיווץ גודל התמונה (הקטנת רזולוציה, בנוסף לכיווץ המשקל)
  • המרת PNG ל-JPEG (אין צורך להשתמש בPNG כל עוד אין לתמונה חלקים שקופים)
  • שינוי והגשה של פורמטי תמונות WebP ו-AVIF (פורמטים מומלצים על ידי גוגל)
  • ועוד אפשרויות נוספות לשיפור התמונות באתר.

תוכלו להתחיל להשתמש בתוסף כדי לכווץ את התמונות שלכם מבלי לאבד איכות בשלושה שלבים פשוטים:

  1. התקינו את הShortpixel
    הפעילו אותו והירשם לחשבון בחינם. הנה מדריך שלב אחר שלב שידריך אותכם בכל הפרטים.
    אחרי שתרשמו, תקבלו מהם קוד API לשימוש בתוסף. בתור התחלה תקבלו 200 קרדיטים לכיווץ תמונות בחינם!
    תוסף לכיווץ תמונות - Shortpixel - וובשוק - חברה לבניית אתרים

  2. הגדירו את התוסף והכניסו את קוד הAPI שלכם
    הגדירו את הגדרות התוסף בהתאם לצרכים שלכם. הייתי ממליץ לבדוק איזו רמת כיווץ עובדת הכי טוב עבורכם על ידי ניסוי מספר תמונות דרך התוכנה לכיווץ תמונות: ShortPixel Online Optimizer.
    בדרך כלל, Lossy היא האפשרות הטובה ביותר עבור רוב המשתמשים. לתמונות המכווצות כ-Lossy יש את המשקל הקטן ביותר שתוכלו להשיג. כך תוכלו להשיג את האיזון הטוב ביותר בין אופטימיזציה לאיכות.
    תצלום של ההגדרות של התוסף לכיווץ תמונות - Shortpixel - וובשוק - חברה לבניית אתרים

  3. עברו לכיווץ כל התמונות באתר
    לאחר ההתקנה, ההפעלה וההגדרה, נווט מלוח הבקרה של וורדפרס אל Media > Bulk ShortPixel כדי לכווץ את כל התמונות שהועלו לפני התקנת הפלאגין.
    ההעלאות החדשות יידחסו ויעברו אופטימיזציה אוטומטית, כך שלא תצטרך לעשות שום דבר מעתה ואילך. זה הכל!
    המחשה איך לבצע כיווץ לכל התמונות באתר באמצעות תוסף לכיווץ תמונות - Shortpixel - וובשוק - חברה לבניית אתרים
  • חשוב לציין שאתם מקבלים 200 קרדיטים חינם בחודש לכיווץ תמונות, מעבר לכך תצטרכו לרכוש קרדיטים נוספים.
    במידה ויש לכם יותר תמונות באתר, תוכלו לראות את המחירים באתר שלהם. 

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

שאלות חשובות ותשובות:

מהן השיטות המומלצות לכיווץ תמונות?

ישנן שתי שיטות עיקריות לכיווץ תמונות באתר וורדפרס. השיטה הראשונה היא כיווץ ידני באמצעות כלים אונליין כמו ShortPixel Online Optimizer או תוכנות כמו Adobe Photoshop לפני העלאת התמונות לאתר. השיטה השנייה, המומלצת יותר, היא שימוש בתוסף כיווץ תמונות אוטומטי כמו ShortPixel Image Optimizer, שמכווץ את התמונות באופן אוטומטי בעת העלאתן לאתר. השיטה האוטומטית חוסכת לכם זמן ומבטיחה שכל התמונות החדשות יעברו אופטימיזציה.

אילו כלים מומלצים לכיווץ תמונות?

הכלי המומלץ העיקרי הוא תוסף ShortPixel Image Optimizer, שמציע מגוון יכולות מתקדמות כגון:

  • כיווץ אוטומטי של תמונות חדשות
  • אפשרות להקטנת רזולוציה
  • המרת PNG ל-JPEG במידה ואפשר 
  • תמיכה בפורמטים מתקדמים כמו WebP ו-AVIF
  • 200 קרדיטים חינמיים לכיווץ תמונות בחודש לחלופין, ניתן להשתמש ב-ShortPixel Online Optimizer לכיווץ ידני של תמונות בודדות לפני העלאתן לאתר.

איך שומרים על איכות התמונה בזמן כיווץ?

שמירה על איכות התמונה בזמן כיווץ מתבצעת באמצעות שימוש נכון בהגדרות הכיווץ. ההמלצה היא להשתמש בדחיסה מסוג Lossy, שמספקת את האיזון הטוב ביותר בין גודל קובץ לאיכות תמונה. בשימוש נכון, ניתן להקטין את גודל התמונה בעד 80% מבלי לפגוע באיכות הנראית לעין. חשוב לבדוק את התוצאות על מספר תמונות לדוגמה לפני כיווץ מאסיבי של כל התמונות באתר.

מהו הגודל האופטימלי המומלץ לתמונות באתר?

תמונות ברקע או באנר גדול: 1920×1080 פיקסלים או יותר, תלוי ברזולוציית המסך של המשתמשים.

תמונות בתוך תוכן (למשל, תמונות לפוסטים בבלוג): 800×600 פיקסלים.

*הבחירה בגודל התמונות תלויה בדרישות הספציפיות של האתר, הלקוח, וסוג העיצוב. מעצבים מתאימים את התמונות בהתאם והגדלים שכתובים הם המלצה בלבד.

תוכן עניינים
בקשת מדריכים

יש לכם רעיון למדריך שעדיין לא קיים? אתם מוזמנים לכתוב לנו ונדאג להוסיף אותו לאתר (:

הרשמה לניוזלטר

רוצים לקבל התראות למייל ברגע שעולה מדריך חדש?

[ratemypost]

אהבת את המדריך? עזר לך?
אולי שיתוף יעזור לעוד אנשים (:
לא הסתדרת עם המדריך? משהו לא עובד?
אנחנו כאן לעזור! ;)

למעבר לוואצאפ, הכניסו את מספר הטלפון שלכם (:

יש לכם רעיון למדריך שעדיין לא קיים?
אתם מוזמנים לכתוב לנו ונדאג להוסיף אותו לאתר (:

רוצים עדכונים למייל כאשר עולה מידע חדש?
מוזמנים להשאיר פרטים ונדאג לעדכן אתכם (:

מעבר לוואצאפ
1
💬 רוצים לקבל הצעת מחיר?
Webshuk
היי, אני עופרי 😎
רוצים לשמוע עוד על השירותים שלנו?
דברו איתי!
דילוג לתוכן