ทำไมการปรับแต่งภาพจึงสำคัญสำหรับ WordPress
ภาพมักจะมีสัดส่วน 40-60% ของขนาดรวมของหน้าเว็บ หน้าสินค้าที่ไม่ได้ปรับแต่งซึ่งมีภาพความละเอียดสูงห้าภาพอาจมีขนาดเกิน 5MB ได้ง่าย ทำให้เวลาโหลดช้า ซึ่งทำให้ผู้เข้าชมรู้สึกหงุดหงิดและส่งผลกระทบต่ออันดับการค้นหาของคุณ Google ได้ยืนยันว่า ความเร็วของหน้าเป็นปัจจัยในการจัดอันดับ และเมตริก Core Web Vitals (LCP, CLS) ได้รับผลกระทบโดยตรงจากการจัดการภาพ
การปรับแต่งภาพช่วยลดขนาดไฟล์โดยไม่ทำให้คุณภาพภาพลดลงอย่างเห็นได้ชัด ผลลัพธ์คือการโหลดหน้าเร็วขึ้น ค่าใช้จ่ายแบนด์วิธต่ำลง ประสิทธิภาพ SEO ที่ดีขึ้น และประสบการณ์ที่ราบรื่นสำหรับผู้เข้าชมที่เชื่อมต่อผ่านมือถือ คู่มือนี้ครอบคลุมทุกด้านของการปรับแต่งภาพสำหรับเว็บไซต์ WordPress
ทำความเข้าใจเกี่ยวกับรูปแบบภาพ
การเลือกฟอร์แมตที่ถูกต้องสำหรับแต่ละภาพเป็นขั้นตอนแรกในการปรับแต่ง รูปแบบแต่ละแบบมีจุดแข็งและข้อแลกเปลี่ยนเฉพาะ
| รูปแบบ | ประเภทการบีบอัด | ความโปร่งใส | การเคลื่อนไหว | กรณีการใช้งานทั่วไป | การสนับสนุนเบราว์เซอร์ |
|---|---|---|---|---|---|
| JPEG | สูญเสียข้อมูล | ไม่ | ไม่ | ภาพถ่าย, ภาพที่ซับซ้อน | ทั่วไป |
| PNG | ไม่สูญเสียข้อมูล | ใช่ | ไม่ | โลโก้, ไอคอน, ภาพหน้าจอที่มีข้อความ | ทั่วไป |
| WebP | ทั้งสอง | ใช่ | ใช่ | การใช้งานทั่วไป (การแทนที่ที่ทันสมัย) | เบราว์เซอร์ 96%+ |
| AVIF | ทั้งสอง | ใช่ | ใช่ | การบีบอัดสูงพร้อมการรักษาคุณภาพ | เบราว์เซอร์ ~90% |
| GIF | ไม่สูญเสียข้อมูล | ใช่ (1-bit) | ใช่ | การเคลื่อนไหวที่ง่าย (พิจารณาใช้วิดีโอแทน) | ทั่วไป |
| SVG | N/A (เวกเตอร์) | ใช่ | ใช่ | โลโก้, ไอคอน, ภาพประกอบ | ทั่วไป |
WebP: มาตรฐานที่ใช้งานได้
WebP ซึ่งพัฒนาโดย Google ให้ขนาดไฟล์ที่เล็กกว่าประมาณ 25-35% เมื่อเปรียบเทียบกับ JPEG ที่มีคุณภาพภาพเทียบเท่า รองรับการบีบอัดทั้งแบบสูญเสียข้อมูลและไม่สูญเสียข้อมูล ความโปร่งใส และการเคลื่อนไหว ด้วยการสนับสนุนเบราว์เซอร์ที่เกิน 96% ทั่วโลก WebP จึงเป็นรูปแบบที่แนะนำสำหรับภาพส่วนใหญ่ในปี 2026
AVIF: รูปแบบที่กำลังเกิดขึ้น
AVIF มีอัตราส่วนการบีบอัดที่สูงกว่า WebP (โดยทั่วไปเล็กกว่าประมาณ 20-30%) แต่การเข้ารหัสช้ากว่าและการสนับสนุนเบราว์เซอร์ยังคงเติบโตอยู่ ควรนำไปใช้ร่วมกับ WebP โดยใช้ <picture> พร้อมกับ JPEG/WebP fallback สำหรับเบราว์เซอร์ที่ไม่รองรับ
การบีบอัดแบบสูญเสียข้อมูล vs. ไม่สูญเสียข้อมูล
การเข้าใจวิธีการบีบอัดทั้งสองนี้ช่วยให้คุณตัดสินใจได้อย่างมีข้อมูลเกี่ยวกับคุณภาพกับขนาดไฟล์
การบีบอัดแบบสูญเสียข้อมูล
การบีบอัดแบบสูญเสียข้อมูลจะลบข้อมูลภาพที่ตามักจะไม่สังเกตเห็นโดยตาเปล่าออกไปอย่างถาวร ภาพ JPEG ที่บีบอัดที่คุณภาพ 80% มักจะมีขนาดเล็กกว่าต้นฉบับประมาณ 60-70% ในขณะที่ดูเหมือนจะเหมือนกันกับผู้ชมส่วนใหญ่ นี่คือวิธีที่แนะนำสำหรับภาพถ่ายและภาพที่ซับซ้อน
การบีบอัดแบบไม่สูญเสียข้อมูล
การบีบอัดแบบไม่สูญเสียข้อมูลช่วยลดขนาดไฟล์โดยไม่ลบข้อมูลใด ๆ ภาพที่ถูกถอดรหัสจะเหมือนกับต้นฉบับทุกพิกเซล การลดขนาดไฟล์จะอยู่ในระดับปานกลาง (10-40%) แต่วิธีนี้มีความสำคัญสำหรับภาพที่ความแม่นยำมีความสำคัญ เช่น แผนภาพทางเทคนิค ภาพหน้าจอที่มีข้อความมาก และภาพทางการแพทย์
การตั้งค่าคุณภาพที่แนะนำ
| ประเภทภาพ | รูปแบบ | การตั้งค่าคุณภาพ | การลดขนาดที่คาดหวัง |
|---|---|---|---|
| ภาพผลิตภัณฑ์ | WebP (สูญเสียข้อมูล) | 80-85% | 60-70% |
| ภาพหัวบล็อก | WebP (สูญเสียข้อมูล) | 75-80% | 65-75% |
| ภาพพื้นหลัง | WebP (สูญเสียข้อมูล) | 70-75% | 70-80% |
| โลโก้และไอคอน | SVG หรือ PNG | ไม่สูญเสียข้อมูล | 10-40% |
| ภาพหน้าจอที่มีข้อความ | PNG (ไม่สูญเสียข้อมูล) | N/A | 10-30% |
ปรับขนาดภาพก่อนอัปโหลด
หนึ่งในขั้นตอนการปรับแต่งที่มีผลกระทบมากที่สุดคือการปรับขนาดภาพให้เหมาะสมก่อนที่จะอัปโหลดไปยัง WordPress ภาพขนาด 4000x3000px ที่แสดงในพื้นที่เนื้อหากว้าง 800px จะทำให้แบนด์วิธสูญเสียไปอย่างมาก
ขนาดสูงสุดที่แนะนำ
- ภาพเนื้อหาบล็อก: กว้าง 1200px (ครอบคลุมพื้นที่เนื้อหาส่วนใหญ่รวมถึงเรตินา)
- ภาพฮีโร่เต็มความกว้าง: กว้าง 1920px
- ภาพผลิตภัณฑ์: กว้าง 1000-1200px (อนุญาตให้มีฟังก์ชันการซูม)
- ภาพขนาดย่อ: ให้ WordPress สร้างโดยอัตโนมัติตามการตั้งค่ามีเดียของมัน
การตั้งค่ามีเดียของ WordPress
WordPress จะสร้างขนาดหลายขนาดสำหรับภาพที่อัปโหลดโดยอัตโนมัติ กำหนดค่าต่าง ๆ เหล่านี้ภายใต้ การตั้งค่า > มีเดีย:
| ขนาด | ขนาดเริ่มต้น | การตั้งค่าที่แนะนำ |
|---|---|---|
| ภาพขนาดย่อ | 150 x 150 | 300 x 300 (สำหรับหน้าจอเรตินา) |
| ขนาดกลาง | 300 x 300 | 600 x 600 |
| ขนาดใหญ่ | 1024 x 1024 | 1200 x 1200 |
ตั้งค่าขนาดที่ตรงกับขนาดการแสดงผลจริงของธีมคุณ ขนาดที่ไม่ได้ใช้งานจะทำให้พื้นที่จัดเก็บเสียเปล่าและทำให้กระบวนการอัปโหลดช้าลง
ภาพที่ตอบสนองด้วย srcset
WordPress 4.4+ จะเพิ่มแอตทริบิวต์ srcset ให้กับภาพโดยอัตโนมัติ โดยให้ขนาดที่แตกต่างกันตามความกว้างของหน้าจอของผู้เข้าชม ซึ่งหมายความว่าผู้เข้าชมที่ใช้โทรศัพท์จะได้รับภาพที่เล็กกว่าผู้เข้าชมที่ใช้เดสก์ท็อป ช่วยประหยัดแบนด์วิธโดยไม่ต้องมีการแทรกแซงด้วยตนเอง
เพื่อให้ทำงานได้อย่างมีประสิทธิภาพ ให้แน่ใจว่า WordPress สร้างขนาดกลางที่เหมาะสม หากธีมของคุณลงทะเบียนขนาดภาพที่กำหนดเอง ขนาดเหล่านั้นจะถูกรวมอยู่ในการคำนวณ srcset โดยอัตโนมัติ
<!-- WordPress สร้างสิ่งนี้โดยอัตโนมัติ -->
<im
การโหลดแบบขี้เกียจ
การโหลดแบบขี้เกียจจะเลื่อนการโหลดภาพที่อยู่ต่ำกว่าหน้าจอที่มองเห็นจนกว่าผู้ใช้จะเลื่อนใกล้เข้ามา สิ่งนี้ช่วยปรับปรุงเวลาโหลดหน้าแรกได้อย่างมีนัยสำคัญ โดยเฉพาะในหน้าเว็บที่มีภาพจำนวนมาก
การโหลดแบบขี้เกียจในเบราว์เซอร์พื้นฐาน
WordPress 5.5+ จะเพิ่ม loading="lazy" ให้กับภาพโดยอัตโนมัติ ซึ่งใช้การโหลดแบบขี้เกียจที่มีอยู่ในเบราว์เซอร์ โดยไม่ต้องใช้ JavaScript และไม่มีภาระด้านประสิทธิภาพ:
<img src="image.jpg" loading="lazy" alt="คำอธิบาย">
ข้อพิจารณาที่สำคัญ
อย่าโหลดภาพแบบขี้เกียจที่มองเห็นได้ในหน้าจอเริ่มต้น (เหนือเส้นแบ่ง) การโหลดแบบขี้เกียจสำหรับภาพฮีโร่หรือโลโก้ส่วนหัวจะทำให้การปรากฏตัวของพวกเขาล่าช้าและทำให้คะแนน Largest Contentful Paint (LCP) ลดลง WordPress จะจัดการสิ่งนี้โดยอัตโนมัติสำหรับภาพที่โดดเด่นในธีมส่วนใหญ่ แต่ควรตรวจสอบด้วยการทดสอบประสิทธิภาพ
การใช้ CDN สำหรับภาพ
เครือข่ายการจัดส่งเนื้อหา (CDN) จะกระจายภาพของคุณไปยังเซิร์ฟเวอร์ทั่วโลก โดยให้บริการผู้เข้าชมแต่ละคนจากเซิร์ฟเวอร์ที่ใกล้ที่สุดทางภูมิศาสตร์ สิ่งนี้ช่วยลดความล่าช้าและปรับปรุงเวลาโหลดสำหรับผู้ชมทั่วโลก
- Cloudflare: แผนฟรีรวม CDN พร้อมการปรับแต่งภาพ (ฟีเจอร์ Polish ในแผนที่ต้องชำระเงิน)
- BunnyCDN: ราคาแบบจ่ายตามการใช้งาน มีการประมวลผลภาพแบบรวม (Bunny Optimizer)
- KeyCDN: การตั้งค่าที่ง่ายด้วยปลั๊กอิน WordPress
- Cloudinary/imgix: CDN สำหรับภาพที่เฉพาะเจาะจงพร้อมการแปลงแบบทันที (ปรับขนาด, การแปลงรูปแบบ, การปรับคุณภาพผ่านพารามิเตอร์ URL)
CDN มีผลกระทบโดยเฉพาะหากผู้ชมของคุณกระจายอยู่ทางภูมิศาสตร์ สำหรับเว็บไซต์ที่มีผู้เข้าชมส่วนใหญ่ในภูมิภาคเดียว เซิร์ฟเวอร์โฮสติ้งใกล้เคียงอาจเพียงพอ
ปลั๊กอินการปรับแต่งภาพสำหรับ WordPress
ปลั๊กอิน WordPress หลายตัวช่วยให้อัตโนมัติในกระบวนการปรับแต่ง โดยการบีบอัดภาพเมื่ออัปโหลดและอาจแปลงเป็นรูปแบบที่ทันสมัย
Smush Pro
Smush Pro (โดย WPMU DEV) ให้การบีบอัดแบบไม่มีการสูญเสียและมีการสูญเสีย, การแปลง WebP, การโหลดแบบขี้เกียจ และการปรับแต่งแบบกลุ่มสำหรับภาพที่มีอยู่ รุ่นฟรีจะจัดการการบีบอัดพื้นฐาน ในขณะที่ Pro จะเพิ่มการบีบอัดแบบมีการสูญเสียขั้นสูง (Super-Smush), การให้บริการ CDN และลบขีดจำกัดขนาดไฟล์ 5MB
Imagify
Imagify (โดย WP Media, ผู้สร้าง WP Rocket) มีสามระดับการบีบอัด: ปกติ (ไม่มีการสูญเสีย), รุนแรง (มีการสูญเสีย, แนะนำ), และอัลตร้า (การบีบอัดสูงสุด) มันรวมเข้ากับ WP Rocket ได้อย่างราบรื่นสำหรับสแต็คประสิทธิภาพที่ครอบคลุม ราคาอิงตามโควต้าภาพรายเดือน
ShortPixel
ShortPixel จะบีบอัดภาพบนเซิร์ฟเวอร์ของตน และส่งคืนเวอร์ชันที่ปรับแต่งแล้ว รองรับการแปลง JPEG, PNG, GIF, PDF, WebP, และ AVIF โมเดลการตั้งราคาแบบเครดิต (100 ภาพฟรี/เดือน) ทำงานได้ดีสำหรับเว็บไซต์ที่มีปริมาณการอัปโหลดปานกลาง
การเปรียบเทียบปลั๊กอิน
ฟีเจอร์ Smush Pro Imagify ShortPixel แผนฟรี ใช่ (พื้นฐาน) 25MB/เดือน 100 ภาพ/เดือน การแปลง WebP ใช่ ใช่ ใช่ การแปลง AVIF ไม่ใช่ ใช่ ใช่ การปรับแต่งแบบกลุ่ม ใช่ ใช่ ใช่ สำรองต้นฉบับ ใช่ ใช่ ใช่ รวม CDN เฉพาะ Pro ไม่ใช่ ไม่ใช่ การโหลดแบบขี้เกียจ ใช่ ไม่ใช่ (ใช้ WP Rocket) ไม่ใช่ โมเดลราคา การสมัครสมาชิก โควต้ารายเดือน แบบเครดิต
การปรับแต่งภาพที่มีอยู่แบบกลุ่ม
หากเว็บไซต์ WordPress ของคุณมีภาพที่ไม่ได้ปรับแต่งหลายร้อยหรือหลายพันภาพ คุณต้องมีกลยุทธ์การปรับแต่งแบบกลุ่ม:
- สำรองห้องสมุดสื่อของคุณ ก่อนเริ่มการดำเนินการแบบกลุ่มใดๆ
- ติดตั้งปลั๊กอินการปรับแต่งที่คุณเลือก และกำหนดค่าการบีบอัด
- เรียกใช้การปรับแต่งแบบกลุ่ม ในช่วงเวลาที่มีการเข้าชมต่ำเพื่อหลีกเลี่ยงผลกระทบต่อประสิทธิภาพของเว็บไซต์
- ประมวลผลเป็นชุด หากเซิร์ฟเวอร์ของคุณมีทรัพยากรจำกัด ปลั๊กอินส่วนใหญ่รองรับการประมวลผลแบบชุด
- ตรวจสอบผลลัพธ์: ตรวจสอบภาพหลายภาพเพื่อให้แน่ใจว่าคุณภาพตรงตามมาตรฐานของคุณ
- เปิดใช้งานการปรับแต่งอัตโนมัติ สำหรับการอัปโหลดในอนาคต
ปลั๊กอินการปรับแต่งส่วนใหญ่สามารถประมวลผลได้ 500-1000 ภาพต่อชั่วโมง ขึ้นอยู่กับเซิร์ฟเวอร์ของคุณและขีดจำกัด API ของปลั๊กอิน
การรวมการปรับแต่งภาพกับการแคช
การปรับแต่งภาพทำงานร่วมกับการแคชเพื่อเพิ่มประสิทธิภาพรวม ปลั๊กอินการแคชเช่น WP Rocket จะเก็บหน้าที่สร้างขึ้นและให้บริการโดยไม่ต้องรัน PHP หรือการสอบถามฐานข้อมูล เมื่อนำมารวมกับภาพที่ปรับแต่งแล้ว จะสร้างเว็บไซต์ที่โหลดเร็วแม้ในโฮสติ้งที่มีขนาดเล็ก
สำหรับกลยุทธ์ประสิทธิภาพที่ครอบคลุม โปรดดูที่ คู่มือการปรับแต่งความเร็ว WordPress หากคุณใช้ Elementor คู่มือ การปรับแต่งประสิทธิภาพ Elementor ของเราจะครอบคลุมเทคนิคเฉพาะสำหรับผู้สร้าง
แนวปฏิบัติ SEO สำหรับภาพ
ภาพที่ปรับแต่งแล้วมีส่วนช่วยในการทำ SEO นอกเหนือจากความเร็วหน้า:
- ชื่อไฟล์ที่มีคำอธิบาย: ใช้
blue-running-shoes-nike.jpg แทนที่จะใช้ IMG_2847.jpg
- ข้อความ alt: เขียนคำอธิบาย
- คุณสมบัติ alt: สำคัญสำหรับการเข้าถึงและการมองเห็นในการค้นหารูปภาพ
- คุณสมบัติ Title: เป็นทางเลือกแต่มีประโยชน์สำหรับคำแนะนำและบริบทเพิ่มเติม
- คำบรรยาย: เพิ่มคำบรรยายเมื่อมีข้อมูลที่มีประโยชน์ต่อผู้อ่าน
- แผนผังรูปภาพ: ตรวจสอบให้แน่ใจว่า SEO plugin ของคุณรวมรูปภาพใน XML sitemap
ข้อผิดพลาดทั่วไปในการปรับแต่งรูปภาพ
ข้อผิดพลาด ผลกระทบ วิธีแก้ไข อัปโหลดรูปภาพขนาด 4000px+ สำหรับพื้นที่แสดงผล 800px ขนาดไฟล์ใหญ่เกินไป โหลดช้า ปรับขนาดให้สูงสุด 1200px ก่อนอัปโหลด ใช้ PNG สำหรับภาพถ่าย ไฟล์ใหญ่กว่าที่จำเป็น 3-5 เท่า ใช้ JPEG หรือ WebP สำหรับภาพถ่าย ข้ามข้อความ alt พลาดโอกาส SEO ปัญหาการเข้าถึง เขียนข้อความ alt ที่มีรายละเอียดสำหรับทุกภาพ โหลดภาพที่อยู่เหนือเส้นแบ่ง คะแนน LCP ต่ำ ไม่รวมภาพ hero/header จากการโหลดแบบขี้เกียจ ไม่ให้บริการ WebP กับเบราว์เซอร์ที่รองรับ ไฟล์ใหญ่เกินไปโดยไม่จำเป็น เปิดใช้งานการแปลง WebP ใน plugin การปรับแต่งของคุณ ฝังภาพจาก URL ภายนอก การค้นหา DNS เพิ่มเติม ไม่มีการควบคุม โฮสต์ภาพบนเซิร์ฟเวอร์หรือ CDN ของคุณเอง
การวัดผลลัพธ์การปรับแต่งของคุณ
หลังจากดำเนินการปรับแต่งรูปภาพแล้ว ให้วัดผลกระทบโดยใช้เครื่องมือเหล่านี้:
- Google PageSpeed Insights: ทดสอบประสิทธิภาพทั้งบนมือถือและเดสก์ท็อป เน้นปัญหาที่เกี่ยวข้องกับรูปภาพ
- GTmetrix: ให้การวิเคราะห์น้ำตกอย่างละเอียด แสดงเวลาการโหลดของภาพแต่ละภาพ
- WebPageTest: การทดสอบหลายสถานที่พร้อมการเปรียบเทียบฟิล์มและแผนภูมิความก้าวหน้าแบบภาพ
- Chrome DevTools Network tab: ตรวจสอบขนาดไฟล์ภาพแต่ละไฟล์และเวลาการโหลด
มุ่งเน้นไปที่เมตริกเหล่านี้: น้ำหนักของหน้าโดยรวม, Largest Contentful Paint (LCP), และจำนวน/ขนาดของคำขอรูปภาพ หน้า WordPress ที่ปรับแต่งอย่างดีควรมีน้ำหนักรูปภาพรวมต่ำกว่า 500KB สำหรับหน้าเนื้อหาหนัก
สำหรับรายละเอียดเพิ่มเติม โปรดดูเอกสารทางการ: คู่มือการปรับภาพ Web.dev, Google Lighthouse.
คำถามที่พบบ่อย
WordPress จะบีบอัดรูปภาพโดยอัตโนมัติเมื่อฉันอัปโหลดหรือไม่?
WordPress จะใช้การบีบอัด JPEG แบบเบา (คุณภาพ 82% ตามค่าเริ่มต้น) เมื่อสร้างเวอร์ชันที่ปรับขนาดของรูปภาพที่อัปโหลด การบีบอัดนี้มีน้อยและไม่เพียงพอสำหรับการปรับแต่งประสิทธิภาพ Plugin การปรับแต่งเฉพาะทางให้การบีบอัดมากขึ้นอย่างมีนัยสำคัญในขณะที่รักษาคุณภาพภาพไว้
การบีบอัดรูปภาพจะทำให้ภาพถ่ายของฉันดูเบลอหรือไม่?
ที่การตั้งค่าคุณภาพที่แนะนำ (75-85% สำหรับการบีบอัดแบบสูญเสีย) ความแตกต่างจะไม่สามารถรับรู้ได้สำหรับผู้ชมส่วนใหญ่ Plugin การปรับแต่งช่วยให้คุณดูการเปรียบเทียบก่อน/หลังและปรับระดับคุณภาพได้ คุณยังสามารถเก็บไฟล์ต้นฉบับเป็นสำรองในกรณีที่คุณต้องการย้อนกลับ
ฉันควรแปลงรูปภาพทั้งหมดเป็น WebP หรือไม่?
การแปลงเป็น WebP เป็นที่แนะนำสำหรับภาพถ่ายและภาพที่ซับซ้อน Plugin การปรับแต่งส่วนใหญ่จะให้บริการ WebP กับเบราว์เซอร์ที่รองรับและจะกลับไปใช้ JPEG/PNG สำหรับเบราว์เซอร์เก่าโดยอัตโนมัติ เก็บ SVG สำหรับกราฟิกเวกเตอร์ (โลโก้ ไอคอน) เนื่องจากมีประสิทธิภาพและไม่ขึ้นกับความละเอียดอยู่แล้ว
ฉันสามารถคาดหวังการปรับปรุงความเร็วหน้าได้มากแค่ไหนจากการปรับแต่งรูปภาพ?
ผลลัพธ์จะแตกต่างกันไปตามจุดเริ่มต้นของคุณ เว็บไซต์ที่มีรูปภาพที่ไม่ได้ปรับแต่งมักจะเห็นการลดน้ำหนักของหน้า 40-60% และการปรับปรุงเวลาโหลด 1-3 วินาที เว็บไซต์ที่มีรูปภาพขนาดใหญ่หลายภาพอาจเห็นการปรับปรุงที่ชัดเจนยิ่งขึ้น
ฉันต้องการทั้ง plugin การปรับแต่งรูปภาพและ plugin การแคชหรือไม่?
ใช่ พวกเขามีวัตถุประสงค์ที่แตกต่างกัน การปรับแต่งรูปภาพจะลดขนาดไฟล์อย่างถาวร การแคชจะลดการประมวลผลของเซิร์ฟเวอร์โดยการให้บริการสำเนาที่เก็บไว้ของหน้าที่สร้างขึ้น ด้วยกันพวกเขาจะให้การปรับปรุงประสิทธิภาพที่เสริมกัน WP Rocket และ Imagify ถูกออกแบบมาให้ทำงานร่วมกันได้อย่างมีประสิทธิภาพ
ฉันจะจัดการกับรูปภาพในแกลเลอรีผลิตภัณฑ์ WooCommerce ได้อย่างไร?
รูปภาพผลิตภัณฑ์ WooCommerce จะปฏิบัติตามหลักการการปรับแต่งเดียวกัน ตั้งค่าขนาดรูปภาพ WooCommerce ของคุณภายใต้ Appearance > Customize > WooCommerce > Product Images ใช้การรวม WooCommerce ของ plugin การปรับแต่งของคุณเพื่อประมวลผลรูปภาพผลิตภัณฑ์ ตรวจสอบให้แน่ใจว่าฟังก์ชันการซูมยังทำงานได้หลังจากการบีบอัดโดยการรักษาความละเอียดที่เพียงพอ (ความกว้าง 1000px+)
ปลอดภัยที่จะลบรูปภาพต้นฉบับที่ไม่ได้บีบอัดหลังจากการปรับแต่งหรือไม่?
Plugin การปรับแต่งส่วนใหญ่จะเก็บไฟล์ต้นฉบับเป็นสำรอง และนี่คือวิธีที่แนะนำ หากพื้นที่ดิสก์เป็นปัญหา คุณสามารถลบไฟล์ต้นฉบับหลังจากยืนยันว่ารูปภาพที่บีบอัดตรงตามมาตรฐานคุณภาพของคุณ อย่างไรก็ตาม การเก็บไฟล์ต้นฉบับจะช่วยให้คุณสามารถปรับแต่งใหม่ด้วยการตั้งค่าที่แตกต่างกันในอนาคต
ขนาดไฟล์รูปภาพที่แนะนำสำหรับหน้าเว็บคืออะไร?
ตั้งเป้าให้ต่ำกว่า 100KB ต่อรูปภาพสำหรับรูปภาพเนื้อหามาตรฐาน ต่ำกว่า 200KB สำหรับรูปภาพ hero/header และต่ำกว่า 50KB สำหรับรูปภาพขนาดย่อ รูปภาพผลิตภัณฑ์สามารถมีขนาดใหญ่ขึ้นเล็กน้อย (100-150KB) หากรายละเอียดสูงมีความสำคัญ น้ำหนักรูปภาพรวมสำหรับหน้าเว็บควรอยู่ที่ต่ำกว่า 500KB
ปรับแต่งรูปภาพและเร่งความเร็วเว็บไซต์ของคุณ
Smush Pro จัดการการบีบอัด การแปลง WebP การโหลดแบบขี้เกียจ และการส่งมอบ CDN ใน plugin เดียว ทำให้การปรับแต่งรูปภาพเป็นเรื่องง่าย
สำรวจ Smush Pro →
