คู่มือเริ่มต้นสำหรับขนาดภาพ WordPress (+ แนวทางปฏิบัติที่ดีที่สุด)

ค้นพบข้อมูลพื้นฐานเกี่ยวกับการปรับขนาดภาพ WordPress ในคู่มือสำหรับผู้เริ่มต้นที่ง่ายต่อการปฏิบัติตาม เรียนรู้ว่า WordPress สร้างเวอร์ชันภาพขนาดย่อ ขนาดกลาง และขนาดใหญ่โดยอัตโนมัติได้อย่างไร ทำไมขนาดเหล่านั้นจึงมีความสำคัญต่อรูปลักษณ์และประสิทธิภาพของไซต์ของคุณ และ WP Media Folder สามารถช่วยให้คุณจัดระเบียบได้อย่างดี.

 คู่มือนี้อธิบายขนาดภาพเริ่มต้นใน WordPress (ขนาดย่อ, ขนาดกลาง, ขนาดใหญ่), เหตุผลที่มีอยู่ และวิธีปรับแต่งให้เหมาะกับธีมของคุณ นอกจากนี้เรายังจะเห็นว่าปลั๊กอิน WP Media Folder สามารถช่วยจัดการภาพของคุณได้ หากคุณไม่เชี่ยวชาญด้านเทคนิค คู่มือนี้ยังคงง่ายต่อการปฏิบัติตาม แต่คุณจะเข้าใจวิธีการจัดการขนาดภาพใน WordPress และวิธีปรับเปลี่ยน.

ภาพรวมของขนาดภาพเริ่มต้นของ WordPress

เมื่อคุณอัปโหลดภาพไปยัง WordPress มันจะสร้างภาพหลายเวอร์ชันโดยอัตโนมัติเพื่อใช้ในที่ต่างๆ บนไซต์ของคุณ โดยค่าเริ่มต้น WordPress จะสร้าง:

• รูปขนาดย่อ: เวอร์ชันสี่เหลี่ยมจัตุรัสขนาด 150 × 150 พิกเซล มักใช้ในรายการแสดงตัวอย่างบล็อก วิดเจ็ต และแกลเลอรี
• ขนาดกลาง
• ใหญ่: เวอร์ชันที่ด้านยาวที่สุดคือ 1,024 พิกเซล เหมาะสำหรับภาพเด่นเต็มความกว้างหรือส่วนหัวของโพสต์ในบล็อก
• เต็ม: ไฟล์ที่คุณอัปโหลดโดยไม่เปลี่ยนแปลง

WordPress เลือกขนาดที่เหมาะสมในการส่งขึ้นอยู่กับตำแหน่งที่แสดงภาพ ภาพขนาดย่อในรายการโพสต์จะถูกส่งที่ขนาด 150 × 150 แบนเนอร์ภาพเด่นอาจใช้ขนาดสูงสุด 1024px ระบบนี้ช่วยเพิ่มความเร็วในการโหลด การใช้แบนด์วิธ และความสวยงามในอุปกรณ์และขนาดหน้าจอต่าง ๆ.

เหตุใด WordPress จึงสร้างขนาดเหล่านี้โดยอัตโนมัติ

• เพื่อให้แน่ใจว่าภาพพอดีกับพื้นที่ออกแบบอย่างเหมาะสม (เช่น ไม่ถูกปรับขนาดขึ้นหรือเบลอ).
• เพื่อลดขนาดไฟล์และปรับปรุงประสิทธิภาพในการโหลดหน้าเว็บ โดยเฉพาะบนอุปกรณ์เคลื่อนที่
• เพื่อลดความซับซ้อนของกระบวนการทำงานสำหรับผู้สร้างเนื้อหา — ไม่ต้องปรับขนาดด้วยตนเอง.

หากภาพที่คุณอัปโหลดมีขนาดเล็กกว่าขนาดที่ WordPress สร้างขึ้น (ตัวอย่างเช่น รูปภาพกว้าง 800 พิกเซล) WordPress จะสร้างขนาดได้สูงสุดตามขนาดที่ภาพรองรับเท่านั้น ดังนั้นขนาดใหญ่จะไม่เกินขนาดต้นฉบับ.

แนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ขนาดภาพเริ่มต้น

ต่อไปนี้คือกรณีการใช้งานทั่วไปสำหรับขนาดเริ่มต้นแต่ละขนาด:

ภาพขนาดย่อ

ใช้สำหรับกริดแกลเลอรี ตัวอย่างโพสต์บล็อก วิดเจ็ต หรือรายการแถบด้านข้าง อย่าใช้ขนาดรูปขนาดย่อสำหรับพื้นที่แสดงผลขนาดใหญ่ เพราะจะทำให้ภาพแตกพิกเซล.

สำหรับตัวอย่างนี้ เราใช้แกลเลอรีที่สร้างด้วย WP Media folder.

ขนาดกลาง

เหมาะสำหรับภาพในโพสต์บล็อกหรือแบนเนอร์ขนาดเล็ก สิ่งเหล่านี้สร้างความสมดุลระหว่างความชัดเจนและขนาดไฟล์ได้ดี.

ขนาดใหญ่

ใช้สำหรับภาพเต็มความกว้าง ส่วนหัวที่โดดเด่น สไลเดอร์ หรือส่วนเต็มหน้าจอ หลีกเลี่ยงการใช้ภาพขนาดเต็มต้นฉบับยกเว้นว่าจำเป็นจริงๆ (เช่น รูปภาพคุณภาพสูง) เนื่องจากอาจมีขนาดใหญ่และทำให้การโหลดหน้าเว็บช้าลง.

การอัปโหลดไฟล์ต้นฉบับที่มีขนาดใหญ่มาก (เช่น กว้างหลายพันพิกเซล หรือภาพ TIFF หรือ PNG ความละเอียดสูง) ไม่แนะนำให้ทำ เนื่องจากไฟล์ดังกล่าวใช้พื้นที่เก็บข้อมูลมากขึ้นและอาจทำให้ไซต์ของคุณหรือเซิร์ฟเวอร์ประมวลผลสื่อของคุณช้าลง โดยควรอัปโหลดภาพที่ปรับขนาดให้ตรงกับความกว้างสูงสุดของธีมของคุณ (เช่น กว้าง 1200 พิกเซล หากพื้นที่เนื้อหาของคุณคือ 1200 พิกเซล).

วิธีปรับแต่งขนาดภาพสำหรับธีมของคุณ

โดยค่าเริ่มต้น WordPress จะใช้ขนาดใน การตั้งค่า > สื่อ แต่คุณอาจต้องการปรับขนาดเหล่านั้นหรือเพิ่มขนาดใหม่ตามความต้องการของธีมของคุณ

การเปลี่ยนขนาดเริ่มต้นผ่านหน้าจอผู้ดูแลระบบ

ไปที่แดชบอร์ด WordPress ของคุณ > การตั้งค่า > สื่อ ที่นี่คุณสามารถเปลี่ยนขนาดพิกเซลสำหรับภาพขนาดย่อ, ขนาดกลาง และขนาดใหญ่ หลังจากทำการเปลี่ยนแปลงแล้ว ให้บันทึก การอัปโหลดในอนาคตจะใช้การตั้งค่าใหม่.

อย่างไรก็ตาม รูปภาพที่มีอยู่แล้วที่อัปโหลดจะไม่สร้างใหม่โดยอัตโนมัติ คุณจะต้องใช้ปลั๊กอินสร้างรูปขนาดย่อใหม่หากคุณเปลี่ยนขนาดในภายหลัง.

การเพิ่มขนาดภาพที่กำหนดเองในโค้ดธีมของคุณ

หมายเหตุสำคัญ: คุณไม่ควรใช้โค้ดที่กำหนดเองโดยไม่สร้างข้อมูลสำรองก่อน

ในการลงทะเบียนขนาดภาพใหม่นอกเหนือจากภาพขนาดย่อ/ขนาดกลาง/ขนาดใหญ่ คุณสามารถเพิ่มโค้ดในไฟล์ functions.php ของธีมของคุณหรือในปลั๊กอินที่กำหนดเอง ตัวอย่าง:

add_image_size( 'custom-feature', 800, 600, true ); 

นี่ลงทะเบียนขนาดใหม่ชื่อ 'custom-feature' โดยมีขนาดกว้าง 800px สูง 600px และเปิดใช้งานการครอบตัด.

จากนั้นคุณสามารถเรียกมันในไฟล์ธีมของคุณ:

the_post_thumbnail( 'custom-feature' ); 

หรือใน Gutenberg คุณอาจเห็นขนาดใหม่ในดรอปดาวน์บล็อกรูปภาพหากธีมของคุณรองรับ.

คุณสามารถเพิ่มขนาดที่กำหนดเองได้หลายขนาด หลังจากลงทะเบียนแล้ว ให้สร้างภาพขนาดย่อใหม่สำหรับภาพที่มีอยู่เพื่อให้ WordPress สร้างเวอร์ชันใหม่.

แนวทางปฏิบัติที่ดีที่สุดเมื่อเลือกขนาดที่กำหนดเอง

• ปรับขนาดให้ตรงกับรูปแบบธีมของคุณ ตัวอย่างเช่น ขนาดแบนเนอร์ส่วนหัว ขนาดภาพเด่นของโพสต์ หรือความกว้างของภาพในบทความ.
• หลีกเลี่ยงการปรับขนาดภาพให้ใหญ่กว่าคอนเทนเนอร์ เพราะจะทำให้เสียพื้นที่ดิสก์และโหลดช้าลง.
• ใช้การครอบตัดเมื่อคุณต้องการภาพที่มีอัตราส่วนคงที่ เช่น 16:9 หรือ 4:3 ตั้งค่าการครอบตัดเป็นจริงหรือเท็จขึ้นอยู่กับว่าคุณต้องการครอบตัดหรือปรับขนาดตามสัดส่วน.
• ทดสอบภาพที่แทรกหลังจากเพิ่มขนาดที่กำหนดเองเพื่อให้แน่ใจว่าสามารถแสดงผลได้อย่างถูกต้องบนเดสก์ท็อปและมือถือ.

การสร้างรูปขนาดย่อใหม่

หากคุณเปลี่ยนขนาดเริ่มต้นหรือเพิ่มขนาดใหม่ รูปภาพเก่าจะไม่มีขนาดใหม่โดยอัตโนมัติ ใช้ปลั๊กอินเช่น "Regenerate Thumbnails" หรือปลั๊กอินที่คล้ายกันเพื่อสร้างขนาดรูปภาพทั้งหมดใหม่สำหรับการอัปโหลดในอดีต เพื่อให้แน่ใจว่าห้องสมุดสื่อของคุณมีขนาดที่เหมาะสมที่ WordPress สามารถให้บริการในบริบทต่างๆ.

สรุปแนวทางปฏิบัติที่ดีที่สุด

• อัปโหลดภาพที่มีขนาดใกล้เคียงกับความกว้างสูงสุดของธีมของคุณ (เช่น กว้าง 1200px) ให้ WordPress สร้างขนาดที่เล็กลง.
• เก็บขนาดเริ่มต้นไว้ที่ 150px (ขนาดย่อ), 300px (ขนาดกลาง), และ 1024px (ขนาดใหญ่) เว้นแต่ธีมของคุณต้องการค่าที่ต่างกัน เปลี่ยนการตั้งค่าได้ภายใต้การตั้งค่า > สื่อ.
• เพิ่มขนาดที่กำหนดเองผ่านฟังก์ชัน add_image_size() ในโค้ดธีมหรือปลั๊กอินของคุณ สำหรับพื้นที่แสดงผลที่เป็นเอกลักษณ์ (เช่น แบนเนอร์หลัก, บล็อกที่แนะนำ).
• หลังจากปรับขนาดหรือเพิ่มขนาดใหม่ ให้สร้างภาพขนาดย่อใหม่เพื่อให้ WordPress สร้างขนาดเหล่านั้นสำหรับอัปโหลดเก่า.
• ใช้การครอบเมื่อต้องการอัตราส่วนคงที่ หรือการปรับขนาดตามสัดส่วนเมื่อคุณต้องการรักษาสัดส่วนเดิม.

คำแนะนำเพิ่มเติม: พึงระลึกไว้ว่า WP Media Folder หากคุณต้องการการจัดระเบียบตามโฟลเดอร์ การค้นหาสื่อ/ตัวกรองที่ดีขึ้น การสร้างแกลเลอรีที่ง่ายขึ้น การแทนที่สื่อ และการปรับปรุงเวิร์กโฟลว์อื่น ๆ มันทำงานร่วมกับการตั้งค่าขนาดภาพของคุณได้อย่างราบรื่น

สรุป: ขนาดภาพ WordPress ที่ดีที่สุดสำหรับไซต์ที่รวดเร็วและสวยงาม

การทำความเข้าใจขนาดภาพใน WordPress ช่วยให้คุณสามารถแสดงภาพที่เหมาะสมในตำแหน่งที่ถูกต้องได้ ขนาดภาพแบบ Thumbnail, medium และ large ได้รับการออกแบบมาเพื่อสร้างความสมดุลระหว่างคุณภาพและประสิทธิภาพ คุณสามารถปรับแต่งขนาดเหล่านี้หรือเพิ่มขนาดใหม่เพื่อให้ตรงกับรูปแบบธีมของคุณWP Media Folder นำเสนอโครงสร้างโฟลเดอร์ การจัดการขั้นสูง เครื่องมือแทนที่ การใส่ลายน้ำ และเครื่องมือแกลเลอรีบนระบบสื่อเริ่มต้นของ WordPress

แม้ว่าคุณจะไม่ถือว่าตัวเองเป็นคนด้านเทคนิค ขั้นตอนเหล่านี้ก็ตรงไปตรงมา: ปรับการตั้งค่าภายใต้สื่อ, ติดตั้งปลั๊กอินการสร้างใหม่หลังจากการเปลี่ยนแปลง, ลงทะเบียนขนาดที่กำหนดเองในธีมของคุณ (ถ้ามี), และใช้ WP Media Folder เพื่อจัดระเบียบคลังสื่อของคุณให้มีประสิทธิภาพมากขึ้น ด้วยวิธีนี้ รูปภาพของคุณจะดูดี โหลดเร็ว และง่ายต่อการจัดการ.