דמיינו: בצע אופטימיזציה של התמונות שלך בוורדפרס

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

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

מה זה Imagify?

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

• או ישירות באתר האינטרנט שלהם, בלי להתקין כלום (סגנון SaaS אתה רואה)
• או על ידי התקנת התוסף בוורדפרס שלך

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

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

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

ותחזיקו מעמד: לפי גוגל, אם האתר שלכם לוקח 1 עד 3 שניות לטעון, יש לכם סיכוי גדול ב-32% שאנשים יעזבו מיד! 🏃‍♂️ בקיצור, צריך להשתפר רשת הליבה החיונית של האתר שלך. בעיקרון, אם האתר שלך נטען כמו חילזון בגלל תמונות כבדות, אנשים לא יישארו.

היתרונות של Imagify

1. קלות שימוש : Imagify בולט בפשטותו. לאחר התקנת התוסף, זה לוקח רק כמה דקות להגדיר אותו. לאחר מכן, אופטימיזציה של תמונה בתפזורת מתרחשת באופן אוטומטי, ופותרת ביעילות בעיות ביצועים הקשורות לתמונה מבלי להידרש להתערבות תכופה.
2. פורמטים מודרניים של תמונה: התוסף מאפשר יצירת תמונות בפורמטים מותאמים כמו WebP ו-AVIF. המשמעות היא שאחרי ביצוע ההתאמות המתאימות, המשתמשים יכולים ליהנות מתמונות באיכות גבוהה תוך צמצום גודל הקובץ, מה שמשפר את מהירות טעינת העמוד.
3. API זמין: Imagify מציעה API המאפשר למפתחים לשלב בקלות את התכונות שלו בפרויקטים שלהם, גם מחוץ לוורדפרס. זה מרחיב את אפשרויות השימוש ומאפשר גמישות מוגברת בפיתוח אפליקציות.
4. תמיכה ב-WP CLI: למפתחים, Imagify מציעה את היכולת להשיק אופטימיזציות המוניות באמצעות WP CLI. תכונה זו שימושית במיוחד עבור אוטומציה של משימות וניהול יעיל של אופטימיזציות בכמויות גדולות של תמונות.
5. תאימות עם WP Rocket: מכיוון ש-Imagify ו-WP Rocket פותחו שניהם על ידי WP Media, הם תואמים לחלוטין. סינרגיה זו מסייעת לייעל את ביצועי האתר בצורה הרמונית, ובכך לספק חווית משתמש משופרת.

כיצד להגדיר את התוסף Imagify?

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

מה שאני אוהב בהרחבה הזו הוא שהיא מנחה את המשתמש צעד אחר צעד, כמו רוקט WP.

שלב 1: צור חשבון Imagify והזן את מפתח ה-API שלך.

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

בדוא"ל זה, לחץ על קישור האישור. לאחר מכן, בלוח המחוונים של וורדפרס שלך, לחץ על הכפתור "שחזרתי את מפתח ה-API שלי" והזן את מפתח ה-API שסופק בדוא"ל.

שלב 2: כוונן את הגדרות Imagify שלך

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

הגדרות כלליות של Imagify 

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

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

תמונות אופטימיזציה

תפריט האופטימיזציה מציע 4 הגדרות עיקריות: פורמט WebP לדחיסת תמונה אופטימלית, שינוי גודל אוטומטי של תמונות גדולות מדי, בחירת גדלי תמונות לאופטימיזציה ואופטימיזציה של תמונות בתיקיות מותאמות אישית. הגרסה החינמית של Imagify אינה דורשת יצירת גרסאות WebP כדי להימנע מצריכת אשראי האופטימיזציה החודשי.

עבור WebP, זה פורמט מטורף שדוחס אפילו יותר מ-JPG או PNG, מבלי לאבד איכות! אם יש לך את גרסת פרימיום של Imagify, שומר על ההגדרות הבסיסיות. מצד שני, אם אתה בגרסה החינמית, אל תפעיל את WebP - זה יאכל את המכסה החודשית שלך לחינם!

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

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

אפשרויות תצוגה

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

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

שלב 3: בצע אופטימיזציה של התמונות שלך

Imagify יכול לשנות גודל ולדחוס קבצים JPG, PNG, WebP ו-GIF, כמו גם קובצי PDF שהעלית לוורדפרס. אתה יכול גם להגדיר את Imagify לאופטימיזציה של תמונות הממוקמות בתיקייה מסוימת. כדי לשפר את זמן טעינת התמונות, אתה יכול:

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

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

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

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

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

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

3 החלופות המובילות לפלאגין Imagify

ShortPixel - אלטרנטיבה פרימיום פר אקסלנס

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

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

Smush - הבחירה של מקצועני האינטרנט

עם למעלה מ-10 שנות ניסיון בשימוש ב- Smush, אני יכול להעיד על האמינות יוצאת הדופן שלו. WPMU DEV פיתחה כלי המצטיין באופטימיזציה של אצווה, המאפשר לך לעבד עד 50 תמונות בו זמנית. פונקציית שינוי הגודל האוטומטי שלו יעילה במיוחד עבור אתרי מסחר אלקטרוני.

הגרסה החינמית היא נדיבה, ומציעה אופטימיזציה בלתי מוגבלת של תמונות עד 5MB. הצד החזק שלו? דחיסה ללא הפסדים השומרת על איכות התמונה תוך הפחתת משקל משמעותית. אני אישית ראיתי ירידה ממוצעת של 20-30% בזמני טעינת הדפים באתרי הלקוחות שלי.

דחוס תמונות JPEG ו-PNG מאת TinyPNG - הפתרון הרב-גוני

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

הדחיסה מרשימה, לעתים קרובות מגיעה 60-80% הנחה ללא אובדן איכות גלוי. התוסף מציע 500 דחיסות חינם בחודש, די והותר לאתרים קטנים. הממשק מינימליסטי אך יעיל. בפרויקטים שלי, ראיתי שיפור ממוצע של 40% בציוני PageSpeed ​​​​אחרי הטמעתו.

סיכום

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

שאלות נפוצות

ש: האם אני יכול לבצע אופטימיזציה של התמונות הישנות שלי עם Imagify?

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

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

ת: בכלל לא! זה מה שיפה ב-Imagify. גם במצב "אגרסיבי", התמונות נשארות מושלמות. התוסף משתמש באלגוריתמים חכמים שמפחיתים משקל מבלי לדפוק את האיכות החזותית. אתה יכול אפילו לעשות לפני/אחרי בדיקות כדי לראות את ההבדל!

ש: אני חורג מהמכסה החינמית שלי של 20MB לחודש, מה עלי לעשות?

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