ชีตสรุปขนาดรูปภาพของ WordPress
แหล่งอ้างอิงฉบับสมบูรณ์เรื่องขนาดรูปภาพของ WordPress: ทุกขนาดที่ลงทะเบียนไว้พร้อมมิติจริง ขนาดไหนที่ครอปแบบตายตัว เกณฑ์ -scaled ที่ 2560px ขนาดของ WooCommerce และควรอัปโหลดขนาดไหนสำหรับแต่ละการใช้งาน
ดูผลบนรูปภาพของคุณเอง — เปิด Image Size Labขนาดหลัก
ลงทะเบียนไว้ในทุกการติดตั้ง WordPress มาตรฐาน
| ชื่อ | ขนาด | การครอป | แก้ไขในหน้าแอดมินได้ไหม? |
|---|---|---|---|
| thumbnail | 150 × 150 | ครอปแบบตายตัว | Settings → Media |
| medium | 300 × 300 | พอดีกรอบ | Settings → Media |
| medium_large | 768w | พอดีกรอบ | ไม่มี UI |
| large | 1024 × 1024 | พอดีกรอบ | Settings → Media |
| 1536x1536 | 1536 × 1536 | พอดีกรอบ | ไม่มี UI |
| 2048x2048 | 2048 × 2048 | พอดีกรอบ | ไม่มี UI |
medium_large (768w) และขนาด retina อีกสองขนาดไม่มีหน้า UI ในแอดมินเลย — คุณจะไม่มีทางรู้ว่ามันมีอยู่จากหน้าแดชบอร์ด และไฟล์ที่อัปโหลดซึ่งมีด้านยาวสุดเกิน 2560px ก็จะได้สำเนา -scaled เพิ่มมาด้วย ซึ่ง WordPress จะนำไปแสดงแทนไฟล์ต้นฉบับของคุณ
ขนาดของ WooCommerce
เพิ่มเข้ามาเมื่อเปิดใช้งาน WooCommerce ตั้งค่าได้ที่ Appearance → Customize → WooCommerce → Product Images ค่าเริ่มต้นมีการเปลี่ยนแปลงไปในแต่ละเวอร์ชันของ Woo จึงควรถือว่าเป็นเพียงแนวทางคร่าว ๆ และตรวจสอบกับการติดตั้งของคุณเอง
| woocommerce_thumbnail | 300 × 300 | ครอปแบบตายตัว |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | ครอปแบบตายตัว |
จริง ๆ แล้วควรอัปโหลดอะไร
คำแนะนำตามวัตถุประสงค์การใช้งาน — ไม่ใช่ขนาดที่ลงทะเบียนไว้ แต่เป็นขนาดต้นฉบับที่เหมาะสม
ครอบคลุมอัตราส่วนสำหรับแชร์ลงโซเชียล และย่อขนาดลงได้อย่างคมชัดเมื่อใช้ในธีม เป็นค่าเริ่มต้นที่ปลอดภัยที่สุดเพียงค่าเดียว
กว้างพอสำหรับหน้าจอขนาดใหญ่ และต่ำกว่าเกณฑ์ -scaled ที่ 2560px ไฟล์ต้นฉบับของคุณจึงถูกนำไปแสดงตามเดิม
ตรงกับช่วงขนาด medium_large / large ที่ธีมส่วนใหญ่แสดงจริง
ทำไฟล์ให้ใหญ่กว่าขนาดที่แสดงจริง WordPress ย่อขนาดลงได้อย่างคมชัด แต่จะไม่ขยายขนาดขึ้นเลย
WordPress กำหนดขั้นต่ำที่ 512 × 512 และจะครอปให้เป็นสี่เหลี่ยมจัตุรัส
อัตราส่วน 1.91:1 ที่ Facebook, LinkedIn และ X ต้องการ WordPress จะไม่สร้างขนาดนี้ให้ ปลั๊กอิน SEO ของคุณจะเลือกขนาดที่ใกล้เคียงที่สุดแทน
ข้อผิดพลาดที่พบบ่อย และสาเหตุที่แท้จริง
รูปภาพดูเบลอหลังจากอัปโหลด
สาเหตุ: รูปภาพของคุณมีด้านยาวสุดเกิน 2560px WordPress จึงสร้างสำเนา "-scaled" ขึ้นมาและนำไปแสดงแทนไฟล์ต้นฉบับของคุณ
วิธีแก้: ปิดใช้งานหรือเพิ่มค่า big_image_size_threshold หรืออัปโหลดไฟล์ที่ต่ำกว่า 2560px
รูป thumbnail ตัดหัวคนออก
สาเหตุ: โดยค่าเริ่มต้น thumbnail จะครอปแบบตายตัวเป็นสี่เหลี่ยมจัตุรัส 150 × 150 โดยครอปจากกึ่งกลาง — สิ่งที่อยู่นอกกึ่งกลางจะถูกตัดออก
วิธีแก้: อัปโหลดโดยจัดวางวัตถุหลักให้อยู่กึ่งกลาง หรือลงทะเบียนขนาดกำหนดเองที่ใช้การครอปแบบอื่น
โฟลเดอร์ uploads มีขนาดใหญ่มหาศาล
สาเหตุ: WordPress จะจัดเก็บไฟล์หนึ่งไฟล์ต่อขนาดที่ลงทะเบียนไว้แต่ละขนาด ตัวหลักสร้าง 6 ไฟล์บวกกับไฟล์ต้นฉบับ ส่วนธีมและ WooCommerce ก็เพิ่มเข้ามาอีก
วิธีแก้: หยุดสร้างขนาดที่คุณไม่ได้ใช้ด้วย intermediate_image_sizes_advanced
เวอร์ชัน large / 1536 / 2048 หายไป
สาเหตุ: WordPress จะไม่ขยายขนาดขึ้นเลย หากไฟล์ที่อัปโหลดเล็กกว่าขนาดหนึ่ง ๆ ขนาดนั้นก็จะไม่ถูกสร้างขึ้นมา
วิธีแก้: อัปโหลดรูปภาพต้นฉบับที่มีขนาดใหญ่ขึ้น
รูปภาพแบบ responsive (srcset) ดูคุณภาพต่ำ
สาเหตุ: ขนาดที่ srcset ต้องพึ่งพา — โดยปกติคือ medium_large (768w) — ถูกลบออกไป
วิธีแก้: เก็บ medium_large ไว้ เพราะมันมีอยู่หลัก ๆ เพื่อป้อนข้อมูลให้ srcset