วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush”
เผยแพร่แล้ว: 2019-09-05ตอนนี้ผู้คนมีสมาธิจดจ่อกับปลา เราอ่านเนื้อหาอย่างคร่าวๆ อย่างที่ไม่เคยเป็นมาก่อน
วิธีที่ดีที่สุดวิธีหนึ่งในการดึงดูดความสนใจของผู้อ่านคือการมีรูปภาพในเนื้อหา
ตามกฎของ Brain ผู้คนมักจะจำข้อมูลที่พวกเขาได้ยินเพียง 10% เท่านั้นในสามวันต่อมา แต่ถ้าคุณเพิ่มรูปภาพที่เกี่ยวข้องด้วยข้อมูลเดียวกัน ผู้คนจะเก็บข้อมูล 65% ของข้อมูลไว้ 3 วันต่อมา
ความแตกต่างเป็นอย่างมาก
แต่ปัญหาคือ รูปภาพอาจทำให้บล็อกของคุณช้าลง เพิ่มเวลาในการโหลด และทำให้ผู้คนตีกลับจากไซต์ของคุณก่อนที่จะอ่านคำ
แล้วทางออกที่สมบูรณ์แบบคืออะไร?
ปรับรูปภาพให้เหมาะสมและตรวจดูให้แน่ใจว่ารูปภาพจะไม่สูญเสียคุณภาพและไม่ส่งผลต่อเวลาในการโหลดหน้า
ใช่ คุณสามารถทำได้โดยใช้ปลั๊กอินเครื่องมือเพิ่มประสิทธิภาพรูปภาพ
และปลั๊กอินที่ดีที่สุดที่จะช่วยคุณทำสิ่งนั้นคือ WP Smush ซึ่งเป็นสิ่งที่เรากำลังจะใช้เพื่อช่วยคุณปรับแต่งภาพ WP บนเว็บไซต์ของคุณให้เหมาะสม ฉันจะพูดถึงตัวเลือกอื่น ๆ ในภายหลังในโพสต์หากคุณต้องการลองใช้
- WP Smush คืออะไร?
- วิธีปรับภาพให้เหมาะสมด้วย WP Smush
- #1. ติดตั้งปลั๊กอินและเปิดใช้งาน
- #2. ตรวจสอบการตั้งค่า & เริ่ม Smushing
- Smush Pro – คุณต้องการมันไหม
- ปลั๊กอินการเพิ่มประสิทธิภาพภาพอื่น ๆ
- 1. ShortPixel
- 2. เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW
- 3. Optimole
- บทสรุป
WP Smush คืออะไร?
WP Smush เป็นเครื่องมือเพิ่มประสิทธิภาพรูปภาพ WordPress ฟรีที่มีรุ่นโปรและสร้างขึ้นโดยทีมงานที่ WPMU Dev
ช่วยให้คุณปรับขนาด เพิ่มประสิทธิภาพ และบีบอัดภาพบางส่วนหรือทั้งหมดของคุณ
มีแผนไม่จำกัด & ฟรี ที่ให้คุณสามารถเพิ่มประสิทธิภาพรูปภาพทั้งหมดของคุณขนาดสูงสุด 5MB ในเวลาไม่จำกัด ซึ่งเป็นสาเหตุที่ทำให้มีการติดตั้งที่ใช้งานอยู่มากกว่า 1 ล้านครั้ง และไม่แสดงสัญญาณการชะลอตัวใดๆ
นี่คือสิ่งที่คุณสามารถทำได้ด้วยปลั๊กอินนี้:
- การ บีบอัดแบบไม่สูญเสียข้อมูล: ข้อมูลที่ไม่ได้ใช้ในรูปภาพถูกลบออกโดยไม่ส่งผลต่อคุณภาพของภาพ
- รองรับรูปภาพทุกประเภท: PNG, JPEG & GIF
- Bulk Smush : เพิ่มประสิทธิภาพภาพหลายภาพ (สูงสุด 50 ภาพ) ด้วยการคลิกเพียงครั้งเดียว
- การปรับขนาดรูปภาพ : ปรับขนาดรูปภาพขนาดใหญ่ให้มีความกว้างและความสูงสูงสุด เพื่อให้คุณได้ขนาดที่เล็กลงเมื่อบีบอัด
- Directory Smush : ปรับรูปภาพทั้งหมดให้เหมาะสมแม้ว่าจะไม่ได้อยู่ในไลบรารีสื่อก็ตาม
- การเพิ่มประสิทธิภาพอัตโนมัติ : ต้องการบีบอัดรูปภาพที่คุณอัปโหลดโดยอัตโนมัติหรือไม่ เครื่องมือนี้ช่วยคุณได้
- การรวมบล็อก Gutenberg : ดูสถิติ Smush ทั้งหมดในบล็อกรูปภาพโดยตรง
- เข้ากันได้กับปลั๊กอินไลบรารีสื่อใด ๆ : หากคุณใช้ปลั๊กอินอื่นเพื่อจัดการไลบรารีสื่อ WP ของคุณ WP Smush สามารถเพิ่มประสิทธิภาพรูปภาพที่นั่นได้เช่นกัน
- การ ตรวจจับภาพขนาดไม่ถูกต้อง : หากคุณไม่พบรูปภาพที่ทำให้ไซต์ของคุณช้าลง WP Smush จะค้นหาและไฮไลต์รูปภาพเหล่านั้นให้คุณ
- Lazy Load Built-in : ดังนั้นคุณจึงไม่ต้องกังวลหากคุณมีภาพจำนวนมากที่จะแสดง
- และอื่น ๆ.
มีเหตุผลที่พวกเขาอยู่ในอันดับต้น ๆ มาหลายปีแล้ว แผนฟรีไม่จำกัดจำนวนของพวกเขา ประกอบกับความสามารถในการบีบอัดรูปภาพประเภทใดก็ได้ในสถานที่ใดๆ และทำเป็นกลุ่มโดยอัตโนมัติ เป็นเหมือนความฝันที่เป็นจริงสำหรับบล็อกเกอร์ส่วนใหญ่
วิธีปรับภาพให้เหมาะสมด้วย WP Smush
มาดูวิธีการปรับแต่งภาพของคุณด้วย WP Smush โดยใช้ปลั๊กอินฟรีของพวกเขากัน
#1. ติดตั้งปลั๊กอินและเปิดใช้งาน
หากคุณเคยใช้ WordPress มาสักระยะหนึ่งแล้ว นี่น่าจะเป็นเรื่องง่าย แต่ฉันต้องการแสดงขั้นตอน
- ไปที่ WordPress Dashboard > Plugins > Add New
- หลังจากนั้น ค้นหา 'WP Smush'
- คลิกที่ปุ่ม ติดตั้ง ทันที
- หลังจากติดตั้งแล้ว ปุ่มจะเปลี่ยนเป็น เปิดใช้งาน คลิกที่มัน
- และคุณทำเสร็จแล้ว
#2. ตรวจสอบการตั้งค่า & เริ่ม Smushing
หลังจากติดตั้งปลั๊กอินแล้ว ให้ไปที่แท็บ Smush
ป๊อปอัปการตั้งค่าด่วนจะปรากฏขึ้นเพื่อช่วยคุณในการเริ่มต้น
มี 3 การตั้งค่าที่แสดง:
- การ บีบอัดอัตโนมัติ : หากคุณเปิดใช้งานสิ่งนี้ ปลั๊กอินจะปรับภาพใหม่ให้เหมาะสมโดยอัตโนมัติ และแน่นอน เราต้องการเปิดใช้งานสิ่งนี้
- ข้อมูลเมตา EXIF : เปิดใช้งานไว้ — คุณไม่ต้องการข้อมูลนี้เว้นแต่คุณจะมีบล็อกการถ่ายภาพสำหรับช่างภาพที่ใส่ใจเกี่ยวกับข้อมูลดังกล่าว
- Lazy Load : คุณอาจพิจารณาเปิดใช้งานการโหลดแบบ Lazy Loading เพื่อลดการโหลดบนเซิร์ฟเวอร์ของคุณและเพิ่มความเร็วในการโหลดหน้าเว็บ
- ข้อมูลการใช้งาน : คุณไม่จำเป็นต้องเปิดใช้งานสิ่งนี้
ตอนนี้คุณตั้งค่าปลั๊กอินอย่างรวดเร็ว คลิกที่ปุ่มเริ่มต้นเพื่อลบป๊อปอัปนี้
หลังจากนั้นคลิกที่ปุ่ม "Bulk Smush Now" การดำเนินการนี้จะเริ่มปรับแต่งรูปภาพของคุณเป็นจำนวนมาก ดังนั้นคุณไม่จำเป็นต้องปรับรูปภาพเก่าทีละภาพ
ประมวลผลภาพได้สูงสุด 50 ภาพในแต่ละครั้ง คุณต้องอัปเกรดเป็นโปรเพื่อลบรูปภาพทั้งหมดจำนวนมากในคลิกเดียว
หลังจากเสร็จแล้ว คุณสามารถตรวจสอบหน้าการตั้งค่าได้หากต้องการแก้ไขบางอย่าง แต่ส่วนใหญ่คุณจะไม่ทำ และปลั๊กอินจะใช้เวทย์มนตร์ตั้งแต่นี้เป็นต้นไปโดยที่คุณไม่ต้องทำอะไรมาก
หลังจากที่คุณทำเสร็จแล้ว แดชบอร์ดจะแสดงให้คุณเห็นว่ามีการเพิ่มประสิทธิภาพและสถิติมากน้อยเพียงใด เพื่อให้คุณทราบตัวเลขของคุณ
Smush Pro – คุณต้องการมันไหม
WPMU Dev ขึ้นชื่อในเรื่องปลั๊กอินคุณภาพสูงซึ่งส่วนใหญ่เป็นแบบพรีเมียม
ปลั๊กอินนี้มาพร้อมกับเวอร์ชันพรีเมียมหากคุณต้องการก้าวไปอีกระดับ
นี่คือคุณสมบัติที่คุณได้รับจากรุ่นโปร:
Super Smush : ประหยัดกว่าสองเท่าโดยไม่กระทบคุณภาพ มันมาพร้อมกับการบีบอัดข้อมูลแบบสูญเสียหลายรอบขั้นสูงที่เพิ่มการประหยัดมากยิ่งขึ้นโดยไม่สังเกตเห็นว่าคุณภาพของภาพลดลง
การ เพิ่มประสิทธิภาพ เป็นกลุ่ม : หากคุณมีบล็อกเก่าที่มีรูปภาพหลายพันภาพที่อัปโหลดไว้อยู่แล้ว และคุณต้องการลบทิ้งเป็นกลุ่ม คุณต้องมีเวอร์ชันสำหรับมืออาชีพ คุณสามารถทำลายรูปภาพนับพันได้ด้วยคลิกเดียว แค่นั้นแหละ. และเมื่อเปิดใช้งาน Super Smush คุณจะสังเกตเห็นความแตกต่างเมื่อภาพนับพันได้รับการปรับให้เหมาะสมในคราวเดียว
เวลาประมวลผลเร็วขึ้น 200% : CPU ของ Smush Pro บีบอัดรูปภาพเร็วกว่าเวอร์ชันฟรี 200% มันจะสำคัญเมื่อคุณลบล้างรูปภาพหลายพันภาพในคราวเดียว
Image CDN : “การจัดส่ง 10GB จากตำแหน่ง 65 Tbps 45 Smush CDN สำหรับการโหลดหน้าเว็บแบบทันที” นี่หมายถึงเวลาในการโหลดเร็วขึ้นสำหรับทุกคนที่เปิดไซต์ของคุณ โดยเฉพาะอย่างยิ่งหากพวกเขาอยู่ห่างจากเซิร์ฟเวอร์ของคุณ
การแปลง WebP : รองรับภาพที่เล็กกว่า JPEG และ PNG 25%
เพิ่มประสิทธิภาพรูปภาพสูงสุด 32 MB: หากคุณมีรูปภาพขนาดใหญ่ (มากกว่า 5 MB) ตามปกติ คุณจะต้องใช้เวอร์ชัน Pro เพื่อให้สามารถเพิ่มประสิทธิภาพได้ ไม่ต้องพูดถึง super smush จะช่วยคุณประหยัดพื้นที่มากขึ้น ซึ่งจะเห็นได้ชัดเจนเมื่อปรับแต่งภาพที่ใหญ่ขึ้น
อย่างที่คุณเห็น มีคุณลักษณะพิเศษที่คุณสามารถใช้ประโยชน์ได้ โดยเฉพาะอย่างยิ่งหากไซต์ของคุณเต็มไปด้วยรูปภาพจำนวนมาก
และถ้าคุณต้องการเข้าร่วมแพลตฟอร์มแบบ all-in-one คุณจะได้รับทุกอย่างในราคาเบาๆ ต่อเดือน ซึ่งรวมถึงโฮสติ้ง ซึ่งอาจดึงดูดใจคุณมากกว่า
คุณสามารถทราบข้อมูลเพิ่มเติมเกี่ยวกับรุ่นโปรได้โดยไปที่หน้านี้
ปลั๊กอินการเพิ่มประสิทธิภาพภาพอื่น ๆ
WP Smush เป็นหนึ่งในปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพชั้นนำ มีปลั๊กอินอื่น ๆ ที่กำลังติดตามอยู่
ต่อไปนี้คือ 3 ตัวเลือกที่คุณสามารถพิจารณาเพื่อช่วยคุณเลือกปลั๊กอิน ซึ่งสามารถช่วยให้คุณปรับแต่งภาพได้ดีที่สุด ขึ้นอยู่กับความต้องการของคุณ
1. ShortPixel
ShortPixel เป็นปลั๊กอิน freemium อีกตัวที่ช่วยบีบอัดรูปภาพเพื่อเพิ่มอันดับ SEO การเข้าชมและยอดขายของเว็บไซต์ของคุณ
มีคุณสมบัติพิเศษจาก WP Smush ซึ่งช่วยปรับเอกสาร PDF ของคุณให้เหมาะสม ทั้งหมดสามารถทำได้ด้วยคลิกเดียวเช่นกัน
และไม่ต้องกังวลกับการใช้ CPU เนื่องจากต้องใช้ทรัพยากรเพียงเล็กน้อย นี่คือคุณสมบัติบางอย่างของปลั๊กอิน -
- มีการแปลงรูปภาพเป็น WebP ในเวอร์ชันฟรี
- อัลกอริธึมการบีบอัดแบบใหม่ที่เรียกว่า Glossy JPEG Compression ออกแบบมาสำหรับช่างภาพ
- ไม่จำกัดขนาดไฟล์ คุณยังสามารถแปลงภาพ PNG เป็น JPG ซึ่งเหมาะสำหรับไฟล์ PNG ขนาดใหญ่
- มันถูกรวมเข้ากับ Gravity Forms post_image ซึ่งปรับภาพให้เหมาะสมเมื่ออัพโหลด
- ไม่ต้องพูดถึงคุณสมบัติเจ๋ง ๆ อื่น ๆ ที่มีใน WP Smush เช่น Bulk Optimize การปรับขนาดอัตโนมัติและอื่น ๆ อีกมากมาย
ข้อจำกัดเพียงอย่างเดียวคือคุณสามารถเพิ่มประสิทธิภาพได้เพียง 100 ภาพต่อเดือน หากต้องการ คุณจะได้รับเครดิตเพิ่มเติมสำหรับรูปภาพ 5k ในราคาเพียง $4.99
มีการติดตั้งแล้วกว่า 100,000 แห่ง และกำลังเติบโตอย่างรวดเร็ว
2. เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW
EWWW Image Optimizer เป็นอีกหนึ่งปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพยอดนิยม มีการติดตั้งที่ใช้งานอยู่กว่า 700k
ต่อไปนี้คือสาเหตุบางประการที่ปลั๊กอินนี้อาจเป็นตัวเลือกที่ดีสำหรับคุณ:
- ขนาดไฟล์ไม่จำกัด คุณไม่ จำกัด เพียง 5 MB ณ WP Smush
- การทำงานแบบสูญเสียข้อมูลเพื่อช่วยให้คุณได้รับอัตราส่วนกำลังอัด/คุณภาพที่ดีที่สุด
- การบังคับเลี้ยวแบบปรับได้: ปลั๊กอินสามารถกำหนดรูปแบบภาพที่ดีที่สุดเพื่อให้งานสำเร็จลุล่วง และแปลงภาพเป็นรูปแบบนั้น
- ปล่อยภาพต้นฉบับไว้ 30 วัน: วิธีนี้อาจดีมากหากคุณต้องการเปลี่ยนใจหลังจากเผยแพร่หน้าเว็บ WP Smush จะเก็บหรือเอาออกโดยตรง ซึ่งอาจไม่สมบูรณ์แบบหากคุณต้องการทำให้เป็นอัตโนมัติ
มันมาพร้อมกับคุณสมบัติที่ยอดเยี่ยมอื่นๆ เช่น Bulk Optimize, Optimize Everything, รองรับปลั๊กอินสื่ออื่น ๆ และอีกมากมาย
หากคุณต้องการบีบอัดข้อมูลในระบบคลาวด์ คุณสามารถสมัครสมาชิกได้ในราคาเพียง $9/เดือน ซึ่งอาจไม่จำเป็นสำหรับคนส่วนใหญ่
คุณยังสามารถใช้ API ของพวกเขาเพื่อบีบอัดรูปภาพสำหรับบุคคลอื่นบนเซิร์ฟเวอร์ของคุณ หากต้องการใช้ API คุณสามารถชำระเงินตามการใช้งานหรือซื้อชุดชำระเงินล่วงหน้าใดก็ได้ นี่คือคุณสมบัติที่หลายคนจะพบว่าน่าสนใจ
3. Optimole
Optimole เป็นเครื่องมือเพิ่มประสิทธิภาพรูปภาพแบบ all-in-one ที่ยอดเยี่ยมอีกตัวหนึ่งสำหรับทุกความต้องการของคุณ
มันมาพร้อมกับกลไกการทำงานที่แตกต่างกัน เนื่องจากรูปภาพทั้งหมดของคุณถูกจัดเก็บไว้ในคลาวด์ และการเพิ่มประสิทธิภาพจะเกิดขึ้นเฉพาะสำหรับผู้ใช้แต่ละคน ขึ้นอยู่กับอุปกรณ์ของเขาและสิ่งที่อาจเหมาะสำหรับเขา
ดังนั้นจึงจัดการการดำเนินการทั้งหมดในคลาวด์และไม่ส่งผลต่อประสิทธิภาพของไซต์ของคุณ และจัดการเป็นกรณี ๆ ไป คุณจึงได้รับการเพิ่มประสิทธิภาพที่ดีที่สุดสำหรับผู้เยี่ยมชมทุกคน เมื่อมีการร้องขอ รูปภาพจะใช้การแปลงที่สมบูรณ์แบบสำหรับอุปกรณ์นั้นและแสดงภาพทันที รูปภาพจะถูกแคชไว้เป็นเวลาหนึ่งเดือนเพื่อให้แน่ใจว่ามีการส่งที่เร็วขึ้นและความเร็วสูงขึ้น
ปัญหาคือคุณได้รับแบนด์วิดท์และขนาดภาพเฉพาะทุกเดือน ในแผนบริการฟรี คุณสามารถเพิ่มประสิทธิภาพรูปภาพได้มากถึง 1 GB ต่อเดือน และคุณจะได้รับแบนด์วิดท์การดู 5GB จากสถานที่ต่างๆ 7 แห่ง
สิ่งที่ยอดเยี่ยมก็คือ แผนบริการฟรีทำงานได้อย่างสมบูรณ์เหมือนกับแผนระดับโปร ข้อแตกต่างเพียงอย่างเดียวคือความจุและอิมเมจให้บริการจาก AWS CloudFront จากกว่า 130 แห่ง
นอกจากนี้ยังสามารถทำลายน้ำสำหรับภาพทั้งหมดของคุณแทนการใส่ลายน้ำทุกภาพด้วยตัวคุณเอง
คุณต้องตัดสินใจว่าจะใช้กลไกนี้หรืออย่างอื่นก่อน เห็นได้ชัดว่ามันจะมีราคาแพงขึ้นอยู่กับแบนด์วิดท์ แต่คุณอาจประหยัดได้จากราคาโฮสติ้งของคุณ ;)
บทสรุป
การมีเครื่องมือเพิ่มประสิทธิภาพรูปภาพมีความสำคัญมากกว่าที่เคย โดยเฉพาะอย่างยิ่งเนื่องจากการอัปเดตอย่างต่อเนื่องจาก Google ที่เน้นความเร็วและประสบการณ์ของผู้ใช้
และถ้าคุณต้องการทำโดยอัตโนมัติโดยไม่ต้องปรับทุกภาพใน Photoshop ให้เหมาะสมจริง ๆ คุณต้องติดตั้งปลั๊กอิน
ส่วนที่ดีที่สุดคือคุณสามารถใช้ตัวเลือกที่มีทั้งหมดได้ฟรี ไม่มีอะไรใจกว้างมากไปกว่าแผน WP Smush ฟรีตลอดไป คุณรู้วิธีใช้งานเพื่อเริ่มต้น ซึ่งเป็นกระบวนการที่ค่อนข้างง่าย
หากคุณต้องการพิจารณาตัวเลือกอื่น ให้ตรวจสอบปลั๊กอินอีก 3 ตัว พวกเขามีคุณภาพเช่นกัน และหนึ่งในนั้นอาจเป็นสิ่งที่คุณต้องการอย่างแท้จริง
บอกเราด้านล่างว่าคุณตัดสินใจใช้ปลั๊กอินใดและประสบการณ์ของคุณกับมัน คุณสังเกตเห็นความแตกต่างของความเร็วของหน้าหรือไม่? ในการจัดอันดับของ Google? บอกเราด้านล่าง