דילוג לתוכן
מדריך עזר

דף עזר לגדלי תמונות ב-WordPress

המדריך המוסמך לגדלי תמונות ב-WordPress: כל גודל רשום והמידות האמיתיות שלו, אילו מהם חותכים בכוח (hard-crop), סף ה--scaled של 2560px, גדלי WooCommerce ומה להעלות לכל מטרה.

ראו את זה על התמונה שלכם — פתחו את Image Size Lab

גדלי ליבה

רשומים בכל התקנת WordPress סטנדרטית.

שם גודל חיתוך ניתן לעריכה בממשק הניהול?
thumbnail 150 × 150 חיתוך קשיח Settings → Media
medium 300 × 300 התאמה Settings → Media
medium_large 768w התאמה ללא ממשק
large 1024 × 1024 התאמה Settings → Media
1536x1536 1536 × 1536 התאמה ללא ממשק
2048x2048 2048 × 2048 התאמה ללא ממשק

medium_large (768w) ושני גדלי הרטינה אינם כוללים כלל ממשק ניהול — לא הייתם יודעים על קיומם מתוך לוח הבקרה. וכל העלאה שעולה על 2560px בצלע הארוכה שלה מקבלת גם עותק -scaled, ש-WordPress מגיש אז במקום המקור שלכם.

גדלי WooCommerce

מתווספים כאשר WooCommerce פעיל. הגדירו תחת Appearance → Customize → WooCommerce → Product Images. ברירות המחדל השתנו בין גרסאות Woo, לכן התייחסו אליהן כאל אינדיקטיביות ובדקו את ההתקנה שלכם.

woocommerce_thumbnail 300 × 300 חיתוך קשיח
woocommerce_single 600w
woocommerce_gallery_thumbnail 100 × 100 חיתוך קשיח

מה כדאי להעלות בפועל

הנחיות לפי מטרה — לא גדלים רשומים, פשוט מידות מקור הגיוניות.

תמונה ראשית 1200 × 630

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

תמונת Hero ברוחב מלא 1920 × 1080

רחבה מספיק למסכים גדולים, מתחת לסף 2560px של -scaled כך שהמקור שלכם מוגש כפי שהוא.

תמונה בתוך התוכן 1200 wide

תואמת לטווח medium_large / large שרוב ערכות העיצוב אכן מציגות.

לוגו 512 × 512

העלו אותו גדול יותר ממה שאתם מציגים; WordPress מקטין בצורה נקייה, ולעולם לא מגדיל.

סמל אתר (favicon) 512 × 512

WordPress דורש מינימום של 512 × 512 וחותך אותו לריבוע.

תמונת שיתוף / OG 1200 × 630

יחס 1.91:1 ש-Facebook, LinkedIn ו-X מצפים לו. WordPress לא ייצר אותו; תוסף ה-SEO שלכם בוחר את הגודל הקרוב ביותר.

טעויות נפוצות, והסיבה האמיתית

התמונה נראית מטושטשת אחרי ההעלאה

הסיבה: התמונה שלכם עלתה על 2560px בצלע הארוכה שלה, לכן WordPress יצר עותק "-scaled" ומגיש אותו במקום המקור שלכם.

הפתרון: בטלו או העלו את big_image_size_threshold, או העלו מתחת ל-2560px.

ה-thumbnail חותך ראשים

הסיבה: thumbnail מבצע חיתוך קשיח לריבוע 150 × 150 כברירת מחדל, ממורכז — כל מה שמחוץ למרכז נחתך.

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

תיקיית ההעלאות ענקית

הסיבה: WordPress שומר קובץ אחד לכל גודל רשום. הליבה יוצרת 6 בנוסף למקור; ערכת עיצוב ו-WooCommerce מוסיפות עוד.

הפתרון: הפסיקו לייצר גדלים שאינכם משתמשים בהם באמצעות intermediate_image_sizes_advanced.

גרסת large / 1536 / 2048 חסרה

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

הפתרון: העלו תמונת מקור גדולה יותר.

תמונות רספונסיביות (srcset) נראות באיכות נמוכה

הסיבה: גודל ש-srcset תלוי בו — בדרך כלל medium_large (768w) — הוסר.

הפתרון: שמרו על medium_large; הוא קיים בעיקר כדי להזין את srcset.