วิธีป้องกัน WordPress จากการสร้างขนาดภาพ

เผยแพร่แล้ว: 2022-06-30

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

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

ในโพสต์นี้ เราจะตอบคำถามว่า “ทำไม WordPress ถึงปรับขนาดรูปภาพของฉัน” เราจะอธิบายว่าเหตุใดคุณจึงอาจต้องการหยุดไม่ให้ WordPress สร้างขนาดรูปภาพ WordPress หลายขนาด และแสดงวิธีการดำเนินการดังกล่าว มาเริ่มกันเลย!

สารบัญ
1. เหตุใด WordPress จึงสร้างขนาดรูปภาพได้หลายขนาด
2. ขนาดภาพมาตรฐานสำหรับ WordPress คืออะไร?
3. เมื่อใดควรหยุด WordPress จากการสร้างขนาดรูปภาพต่างๆ
4. วิธีหยุด WordPress จากการสร้างสำเนารูปภาพขนาดต่างๆ
4.1. ขั้นตอนที่ 1: เชื่อมต่อไซต์ของคุณกับไคลเอนต์ FTP (เพื่อกำหนดจำนวนภาพที่ทำสำเนา)
4.2. ขั้นตอนที่ 2: อัปโหลดรูปภาพไปยังเว็บไซต์ของคุณ
4.3. ขั้นตอนที่ 3: ไปที่ไดเรกทอรีอัปโหลดของเว็บไซต์ของคุณ
4.4. ขั้นตอนที่ 4: ตั้งค่าขนาดรูปภาพเป็นศูนย์
4.5. ขั้นตอนที่ 5: เปิดไฟล์ functions.php ของธีม WordPress ของคุณ
4.6. ขั้นตอนที่ 6: ลบรหัสขนาดรูปภาพเริ่มต้น
5. วิธีหยุด WordPress จากการบีบอัดรูปภาพ
5.1. ขั้นตอนที่ 1: เปิดไฟล์ functions.php
5.2. ขั้นตอนที่ 2: แก้ไขค่าส่งคืนเป็น100
5.3. ขั้นตอนที่ 3: บันทึกการเปลี่ยนแปลงของคุณ
6. วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress
6.1. ขั้นตอนที่ 1: ลดขนาดภาพ
6.2. ขั้นตอนที่ 2: เลือกรูปแบบรูปภาพ
6.3. ขั้นตอนที่ 3: เลือกจำนวนการบีบอัด
6.4. ปลั๊กอินการเพิ่มประสิทธิภาพภาพ
7. ปรับปรุงเว็บไซต์ของคุณด้วย WP Engine

เหตุใด WordPress จึงสร้างขนาดรูปภาพได้หลายขนาด

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

ขนาดภาพมาตรฐานสำหรับ WordPress คืออะไร?

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

  • ขนาดภาพย่อ – 150 x 150 พิกเซล
  • ขนาดกลาง – 300 x 300 พิกเซล (สูงสุด)
  • ขนาดใหญ่ – 1024 x 1024 พิกเซล (สูงสุด)
  • ขนาดเต็ม – ขนาด ภาพต้นฉบับ

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

เมื่อใดควรหยุด WordPress จากการสร้างขนาดรูปภาพต่างๆ

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

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

วิธีหยุด WordPress จากการสร้างสำเนารูปภาพขนาดต่างๆ

เมื่อคุณเข้าใจว่าทำไม WordPress จึงสร้างรูปภาพหลายขนาด และเหตุใดจึงควรป้องกันไม่ให้ทำเช่นนั้น ก็ถึงเวลาเริ่มทำงาน มาดูวิธีหยุด WordPress ไม่ให้สร้างขนาดรูปภาพต่างๆ ใน ​​6 ขั้นตอนง่ายๆ

ขั้นตอนที่ 1: เชื่อมต่อไซต์ของคุณกับไคลเอนต์ FTP (เพื่อกำหนดจำนวนภาพที่ทำสำเนา)

ขั้นตอนแรกคือการหาจำนวนสำเนาที่ WordPress สร้างเมื่อคุณอัปโหลดภาพ คุณสามารถทำได้โดยเชื่อมต่อกับไซต์ของคุณผ่านไคลเอนต์ FileTransfer Protocol (FTP) หรือตัวจัดการไฟล์ของ cPanel

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

ขั้นตอนที่ 2: อัปโหลดรูปภาพไปยังเว็บไซต์ของคุณ

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

คลิก เลือกไฟล์ จากนั้นเลือกไฟล์ภาพที่จะอัปโหลด

ขั้นตอนที่ 3: ไปที่ไดเรกทอรีอัปโหลดของเว็บไซต์ของคุณ

ภายในตัวจัดการไฟล์หรือไคลเอนต์ FTP ให้ไปที่ไดเร็กทอรี 'อัปโหลด' ของไซต์ของคุณ ซึ่งจะอยู่ในโฟลเดอร์ wp-contents คุณจะพบสำเนาของรูปภาพที่คุณมีอยู่ทั้งหมดที่นั่น ซึ่งจัดเรียงตามวันที่:

อย่างน้อย คุณควรหาขนาดภาพสามขนาดที่สร้างโดย WordPress หากมีมากกว่าสามชุด อาจเป็นสำเนาที่สร้างโดยธีม WordPress ของคุณ (ในตัวอย่างด้านบนของเรา มีทั้งหมด 5 ชุด)

ขั้นตอนที่ 4: ตั้งค่าขนาดรูปภาพเป็นศูนย์

ถัดไป ไปที่ การตั้งค่า > สื่อ ในแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ

คุณจะพบการตั้งค่ารูปภาพเริ่มต้นที่นั่น:

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

ขั้นตอนที่ 5: เปิดไฟล์ functions.php ของธีม WordPress ของคุณ

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

โดยไปที่ไฟล์ functions.php สำหรับธีม WordPress ของคุณ

คุณจะพบสิ่งนี้ในโฟลเดอร์ /wp-contents/themes/ ของไดเรกทอรีเว็บไซต์ของคุณ

ขั้นตอนที่ 6: ลบรหัสขนาดรูปภาพเริ่มต้น

เมื่อคุณอยู่ในไฟล์ functions.php ให้มองหาบรรทัดของโค้ดที่คล้ายกับโค้ดนี้:

add_image_size( 'หน้าแรก-หัวแม่มือ', 200, 160, จริง );

อาจมีหลายเวอร์ชันของบรรทัดนี้ ทั้งนี้ขึ้นอยู่กับธีมที่คุณใช้ คุณจะต้องมองหาสิ่งที่ระบุว่า “set_thumbnail_post_size” ลบบรรทัดเหล่านี้ แล้วบันทึกการเปลี่ยนแปลงของคุณ

วิธีหยุด WordPress จากการบีบอัดรูปภาพ

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

ด้วยเหตุนี้ ต่อไปนี้คือวิธีหยุด WordPress ไม่ให้บีบอัดและครอบตัดรูปภาพในสามขั้นตอนง่ายๆ

ขั้นตอนที่ 1: เปิดไฟล์ functions.php

หากคุณต้องการปิดการบีบอัดรูปภาพของ WordPress ขั้นตอนแรกคือค้นหาและเปิดไฟล์ functions.php ของธีมของคุณ อีกครั้ง คุณสามารถทำได้โดยเชื่อมต่อกับไซต์ของคุณผ่านไคลเอนต์ FTP หรือโดยการเข้าถึงตัวจัดการไฟล์ของ cPanel

ขั้นตอนที่ 2: แก้ไขค่าส่งคืนเป็น100

หลังจากที่คุณค้นหาและเปิดไฟล์ functions.php ในไดเร็กทอรีธีมของคุณแล้ว ให้เพิ่มบรรทัดของโค้ดต่อไปนี้:

add_filter('jpeg_quality', ฟังก์ชัน($arg){return 100;});

คุณยังสามารถเปลี่ยนค่า 'ผลตอบแทน' ให้น้อยกว่า 100 ได้หากต้องการ

ขั้นตอนที่ 3: บันทึกการเปลี่ยนแปลงของคุณ

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

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress

การปรับภาพให้เหมาะสมสำหรับเว็บเกี่ยวข้องกับการลดขนาดไฟล์โดยรวมโดยไม่ลดคุณภาพของภาพ เป้าหมายสูงสุดคือไซต์ที่โหลดเร็วขึ้น เว็บไซต์ที่รวดเร็วช่วยปรับปรุง SEO และดึงดูดผู้เยี่ยมชม

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

ขั้นตอนที่ 1: ลดขนาดภาพ

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

ขั้นตอนที่ 2: เลือกรูปแบบรูปภาพ

เนื่องจากขนาดไฟล์ที่เล็กกว่านั้นเหมาะสมที่สุด การเลือกรูปแบบจึงเป็นสิ่งสำคัญ เมื่อบันทึกภาพของคุณ ให้หลีกเลี่ยงไฟล์ TIFF คุณภาพสูง เนื่องจากขนาดจะเพิ่มขึ้นอย่างมาก

ให้ยึดติดกับ PNG สำหรับโลโก้และกราฟิก และ JPEG สำหรับรูปภาพ แม้ว่า JPEG จะลดคุณภาพของภาพลงเล็กน้อย แต่ผลลัพธ์จะไม่ปรากฏให้เห็นบนเว็บ และรูปภาพของคุณจะโหลดเร็วขึ้น

ขั้นตอนที่ 3: เลือกจำนวนการบีบอัด

ความสามารถในการบีบอัดภาพจะแตกต่างกันไปตามซอฟต์แวร์ แต่โดยส่วนใหญ่ คุณกำลังมองหาดรอปดาวน์หรือตัวเลื่อนที่มีป้ายกำกับ Image Quality หรือ Compression โดยปกติคุณจะเห็นสิ่งนี้เมื่อบันทึกรูปภาพของคุณ

การบีบอัดจะลดขนาดของไฟล์โดยไม่ทำให้คุณภาพลดลง ยิ่งบีบอัดมาก ไฟล์ก็จะยิ่งเล็กลง การเลือกหมายเลขที่ต่ำกว่าสำหรับ คุณภาพ จะทำหน้าที่เดียวกัน 150KB หรือต่ำกว่าเป็นเป้าหมายที่ปลอดภัยสำหรับการเพิ่มประสิทธิภาพรูปภาพ

ปลั๊กอินการเพิ่มประสิทธิภาพภาพ

หรือคุณสามารถใช้ปลั๊กอิน WordPress เพื่อเพิ่มประสิทธิภาพภาพของคุณเมื่ออัปโหลด ตัวเลือกต่างๆ เช่น Smush หรือ EWWW Image Optimizer ช่วยให้คุณควบคุมขนาดภาพได้อย่างง่ายดาย

ปรับปรุงเว็บไซต์ของคุณด้วย WP Engine

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

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