วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush”

เผยแพร่แล้ว: 2019-09-05
วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 1

ตอนนี้ผู้คนมีสมาธิจดจ่อกับปลา เราอ่านเนื้อหาอย่างคร่าวๆ อย่างที่ไม่เคยเป็นมาก่อน

วิธีที่ดีที่สุดวิธีหนึ่งในการดึงดูดความสนใจของผู้อ่านคือการมีรูปภาพในเนื้อหา

ตามกฎของ 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'
  • คลิกที่ปุ่ม ติดตั้ง ทันที
  • หลังจากติดตั้งแล้ว ปุ่มจะเปลี่ยนเป็น เปิดใช้งาน คลิกที่มัน
  • และคุณทำเสร็จแล้ว
วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 2

#2. ตรวจสอบการตั้งค่า & เริ่ม Smushing

หลังจากติดตั้งปลั๊กอินแล้ว ให้ไปที่แท็บ Smush

ป๊อปอัปการตั้งค่าด่วนจะปรากฏขึ้นเพื่อช่วยคุณในการเริ่มต้น

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 3

มี 3 การตั้งค่าที่แสดง:

  • การ บีบอัดอัตโนมัติ : หากคุณเปิดใช้งานสิ่งนี้ ปลั๊กอินจะปรับภาพใหม่ให้เหมาะสมโดยอัตโนมัติ และแน่นอน เราต้องการเปิดใช้งานสิ่งนี้
  • ข้อมูลเมตา EXIF ​​​​: เปิดใช้งานไว้ — คุณไม่ต้องการข้อมูลนี้เว้นแต่คุณจะมีบล็อกการถ่ายภาพสำหรับช่างภาพที่ใส่ใจเกี่ยวกับข้อมูลดังกล่าว
  • Lazy Load : คุณอาจพิจารณาเปิดใช้งานการโหลดแบบ Lazy Loading เพื่อลดการโหลดบนเซิร์ฟเวอร์ของคุณและเพิ่มความเร็วในการโหลดหน้าเว็บ
  • ข้อมูลการใช้งาน : คุณไม่จำเป็นต้องเปิดใช้งานสิ่งนี้

ตอนนี้คุณตั้งค่าปลั๊กอินอย่างรวดเร็ว คลิกที่ปุ่มเริ่มต้นเพื่อลบป๊อปอัปนี้

หลังจากนั้นคลิกที่ปุ่ม "Bulk Smush Now" การดำเนินการนี้จะเริ่มปรับแต่งรูปภาพของคุณเป็นจำนวนมาก ดังนั้นคุณไม่จำเป็นต้องปรับรูปภาพเก่าทีละภาพ

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 4

ประมวลผลภาพได้สูงสุด 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

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 5

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

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 6

EWWW Image Optimizer เป็นอีกหนึ่งปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพยอดนิยม มีการติดตั้งที่ใช้งานอยู่กว่า 700k

ต่อไปนี้คือสาเหตุบางประการที่ปลั๊กอินนี้อาจเป็นตัวเลือกที่ดีสำหรับคุณ:

  • ขนาดไฟล์ไม่จำกัด คุณไม่ จำกัด เพียง 5 MB ณ WP Smush
  • การทำงานแบบสูญเสียข้อมูลเพื่อช่วยให้คุณได้รับอัตราส่วนกำลังอัด/คุณภาพที่ดีที่สุด
  • การบังคับเลี้ยวแบบปรับได้: ปลั๊กอินสามารถกำหนดรูปแบบภาพที่ดีที่สุดเพื่อให้งานสำเร็จลุล่วง และแปลงภาพเป็นรูปแบบนั้น
  • ปล่อยภาพต้นฉบับไว้ 30 วัน: วิธีนี้อาจดีมากหากคุณต้องการเปลี่ยนใจหลังจากเผยแพร่หน้าเว็บ WP Smush จะเก็บหรือเอาออกโดยตรง ซึ่งอาจไม่สมบูรณ์แบบหากคุณต้องการทำให้เป็นอัตโนมัติ

มันมาพร้อมกับคุณสมบัติที่ยอดเยี่ยมอื่นๆ เช่น Bulk Optimize, Optimize Everything, รองรับปลั๊กอินสื่ออื่น ๆ และอีกมากมาย

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

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

3. Optimole

วิธีเพิ่มประสิทธิภาพรูปภาพ WordPress ด้วยปลั๊กอิน “WP Smush” 7

Optimole เป็นเครื่องมือเพิ่มประสิทธิภาพรูปภาพแบบ all-in-one ที่ยอดเยี่ยมอีกตัวหนึ่งสำหรับทุกความต้องการของคุณ

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

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

ปัญหาคือคุณได้รับแบนด์วิดท์และขนาดภาพเฉพาะทุกเดือน ในแผนบริการฟรี คุณสามารถเพิ่มประสิทธิภาพรูปภาพได้มากถึง 1 GB ต่อเดือน และคุณจะได้รับแบนด์วิดท์การดู 5GB จากสถานที่ต่างๆ 7 แห่ง

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

นอกจากนี้ยังสามารถทำลายน้ำสำหรับภาพทั้งหมดของคุณแทนการใส่ลายน้ำทุกภาพด้วยตัวคุณเอง

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


บทสรุป

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

และถ้าคุณต้องการทำโดยอัตโนมัติโดยไม่ต้องปรับทุกภาพใน Photoshop ให้เหมาะสมจริง ๆ คุณต้องติดตั้งปลั๊กอิน

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

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

บอกเราด้านล่างว่าคุณตัดสินใจใช้ปลั๊กอินใดและประสบการณ์ของคุณกับมัน คุณสังเกตเห็นความแตกต่างของความเร็วของหน้าหรือไม่? ในการจัดอันดับของ Google? บอกเราด้านล่าง