สุดยอดคู่มือการปรับแต่งภาพสำหรับ WordPress

1 … 2 … 3 … – ผู้มีโอกาสเป็นลูกค้าของคุณเพิ่งปิดไซต์ของคุณเนื่องจากยังโหลดอยู่ เสียงที่คุ้นเคย? ฉันเชื่อว่าคุณเป็นผู้มาเยี่ยมที่ใจร้อนและหงุดหงิดหลายครั้ง ฉันรู้ว่าฉันเป็น นั่นคือเหตุผลที่ฉันรวบรวมรายการสิ่งที่คุณต้องรู้เกี่ยวกับการเพิ่มประสิทธิภาพรูปภาพขั้นสุดท้าย มันอาจจะยาว แต่ฉันหวังว่าคุณจะพบว่ามันคุ้มค่าที่จะอ่าน

สารบัญ

• เนื้อหาของบทความนี้ในวิดีโอ 3 นาที
• ประโยชน์ของการปรับภาพให้เหมาะสม
• รูปแบบภาพ
• ปรับขนาดภาพก่อนอัพโหลด
  • ปลั๊กอิน Imsanity WordPress สำหรับการปรับขนาดรูปภาพโดยอัตโนมัติ
• บีบอัดรูปภาพ
  • เครื่องมือออนไลน์ที่ดีที่สุดสำหรับการบีบอัดรูปภาพ
    • TinyPNG
    • Optimizilla
    • คอมเพรสเซอร์
    • ImageOptim
    • ภาพเล็กลง
    • คราเคน
    • JPEG.io
    • PageSpeed ​​Insights
    • ผลลัพธ์สำหรับเครื่องมือบีบอัดออนไลน์ที่ดีที่สุด
    • เครื่องมือบีบอัดออนไลน์ที่ดีที่สุดสำหรับ JPEG
    • เครื่องมือบีบอัดออนไลน์ที่ดีที่สุดสำหรับ PNGs
    • เครื่องมือบีบอัดรูปภาพออนไลน์ที่ดีที่สุดโดยรวม
  • ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดภาพ
    • WP Smush (เวอร์ชันฟรี)
    • บีบอัดภาพ JPEG & PNG โดย TinyPNG
    • ShortPixel
    • จินตนาการ
    • EWWW Image Optimizer (รุ่นฟรี)
    • ผลลัพธ์สำหรับปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดรูปภาพ
    • ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัด JPEG
    • ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัด PNGs
    • ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดรูปภาพโดยรวม
• บทสรุป

เนื้อหาของบทความนี้ในวิดีโอ 3 นาที

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

ประโยชน์ของการปรับภาพให้เหมาะสม

คุณยังไม่ได้ขายอุปกรณ์เพิ่มประสิทธิภาพภาพทั้งหมดหรือไม่? มาดูประโยชน์ทั้งหมดที่คุณจะได้รับ หากคุณเพียงแก้ไขปัญหาเล็กๆ น้อยๆ นั้น:

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

ฉันได้รับความสนใจจากคุณแล้วใช่ไหม ตอนนี้เราเริ่มงานจริงได้แล้ว

รูปแบบภาพ

การเพิ่มประสิทธิภาพรูปภาพเริ่มต้นด้วยความรู้พื้นฐานเกี่ยวกับรูปแบบรูปภาพ รูปแบบที่พบบ่อยที่สุดสองรูปแบบบนอินเทอร์เน็ตคือ PNG ที่มีนามสกุล . png และ JPEG ที่มีนามสกุล .jpg ในกรณีส่วนใหญ่ ฉันจะใช้ JPEG เนื่องจากเป็นรูปแบบที่ดีที่สุดสำหรับภาพถ่าย รูปภาพที่มีการไล่ระดับสี และรูปภาพที่มีสีนับล้าน ในทางกลับกัน PNG จะดีกว่าด้วยรูปภาพที่มีสีจำกัด เช่น โลโก้ และรูปภาพที่มีความโปร่งใส

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

ฉันจะบันทึกภาพ child.jpg ที่ไม่ได้รับการปรับให้เหมาะสมทั้งในรูปแบบ .jpg และ . png เราจะเห็นได้ว่ารูปภาพที่ Child-saved-as-jpeg.jpg นั้นใหญ่ 3.1 MB และรูปภาพ Child-save-as-png.png นั้นใหญ่ 4.5 MB ในกรณีนี้ รูปภาพ PNG มีขนาดใหญ่กว่าภาพ JPEG ถึง 45% ซึ่งเป็นความแตกต่างที่เกิดขึ้นจากการเลือกรูปแบบภาพเฉพาะ ไม่มีวิธีที่ง่ายกว่านี้ในการประหยัดพื้นที่มากโดยใช้ความพยายามเพียงเล็กน้อย ก็อาจจะมี เรามาดูขั้นตอนต่อไปกัน

ปรับขนาดภาพก่อนอัพโหลด

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

บนไซต์ ProteusThemes ของเรา ความกว้างสูงสุดของรูปภาพคือ 1110 พิกเซล ดังนั้นฉันจะปรับขนาดรูปภาพปัจจุบัน child.jpg ซึ่งกว้าง 1800 พิกเซล เป็น 1110 พิกเซล ในกรณีนั้น เราเพิ่งเปลี่ยนขนาดจาก 3.1 MB เป็น 1.1 MB ซึ่งเป็นอีก 65% ของพื้นที่ที่บันทึก และ ลดขนาดลง

คำแนะนำ: คุณสามารถปรับขนาดภาพได้โดยตรงใน WordPress Media Library ของคุณ คลิกที่ สื่อ -> เลือกรูปภาพของคุณ -> แก้ไขรูปภาพ และเลือกขนาดใหม่สำหรับรูปภาพของคุณ:

ปลั๊กอิน Imsanity WordPress สำหรับการปรับขนาดรูปภาพโดยอัตโนมัติ

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

บีบอัดรูปภาพ

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

เราใช้ภาพ JPEG ที่แตกต่างกัน 3 ภาพและภาพ PNG 1 ภาพเพื่อดำเนินการทดสอบ

ภาพ JPEG ทั้ง 3 ภาพมาจาก Unsplash โดยผู้เขียน Mi Pham, Breather, Denise Chan และ Niko Virtanen ถูกครอบตัดและปรับขนาดเป็น 1110 x 624 พิกเซลเพื่อการทดสอบ

สำหรับภาพ PNG เราได้สร้างภาพของเราเองด้วยโลโก้ ProteusThemes และรูปแบบบางส่วนที่อยู่เบื้องหลัง เช่นเดียวกับภาพทดสอบ JPEG ภาพนี้ยังปรับขนาดเป็น 1110 x 624 พิกเซล

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

เครื่องมือออนไลน์ที่ดีที่สุดสำหรับการบีบอัดรูปภาพ

ในขณะที่เขียน (มิถุนายน 2017 อัปเดต 2018) นี่คือรายการเครื่องมือและบริการออนไลน์ที่ได้รับความนิยมสูงสุดสำหรับการบีบอัดภาพ:

• TinyPNG
• Optimizilla
• คอมเพรสเซอร์
• ImageOptim
• ภาพเล็กลง
• คราเคน
• JPEG.io
• PageSpeed ​​Insights

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

TinyPNG

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

Optimizilla

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

คอมเพรสเซอร์

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

ImageOptim

ImageOptim เป็นเครื่องมือที่มีการตั้งค่ามากมาย คุณสามารถเลือกระหว่าง 3 ตัวเลือกคุณภาพที่แตกต่างกันและ 3 ตัวเลือกคุณภาพสีที่แตกต่างกัน เราพบว่าผลลัพธ์การบีบอัด/คุณภาพที่ดีที่สุดนั้นมาจากการตั้งค่าเริ่มต้น ตั้งค่าคุณภาพเป็นปานกลางและคุณภาพสีเป็นอัตโนมัติ สิ่งที่รบกวนจิตใจฉันมากที่สุดด้วย ImageOptim ถัดจากการออกแบบที่ล้าสมัยเล็กน้อย คือมันส่งออก JPEG แม้ว่าฉันจะอัปโหลด PNGs . ฉันได้ส่งอีเมลถึง Kornel (ผู้สร้าง ImageOptim) เกี่ยวกับปัญหานั้นแล้ว และเขาได้แก้ไขแล้ว

ภาพเล็กลง

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

คราเคน

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

JPEG.io

JPEG.io เป็นเวอร์ชันฟรีของเครื่องมือเดียวกับ Kraken มันมีความสามารถในการบีบอัดเหมือนกัน แต่เหมือนที่ URL ของเว็บไซต์บอกเรา มันมีไว้สำหรับ JPEG เท่านั้น

PageSpeed ​​Insights

คุณไม่ได้คาดหวังว่าจะได้เห็นสิ่งนี้ที่นี่ใช่ไหม PageSpeed ​​Insights ยังให้ไฟล์บีบอัด .zip แก่เราเมื่อเราทดสอบไซต์ของเรา นี่ไม่ใช่วิธีที่เป็นมิตรกับผู้ใช้มากที่สุด เนื่องจากคุณจะต้องออนไลน์เว็บไซต์ของคุณพร้อมรูปภาพทั้งหมด แล้วแทนที่ด้วยรูปภาพที่บีบอัดใหม่ แต่คุณจะได้รูปภาพที่บีบอัดตามที่ Google ต้องการ

ผลลัพธ์สำหรับเครื่องมือบีบอัดออนไลน์ที่ดีที่สุด

ด้านล่างนี้ คุณจะพบกับกราฟพร้อมผลลัพธ์จากการทดสอบทั้งหมดของเรา คุณยังสามารถตรวจสอบสเปรดชีตโดยละเอียดของเราสำหรับข้อมูลเพิ่มเติม

เครื่องมือบีบอัดออนไลน์ที่ดีที่สุดสำหรับ JPEG

เครื่องมือส่วนใหญ่บีบอัด JPEG ทดสอบของเรา ประมาณ 80% ลองดูที่ภาพ child.jpg ของเรา เราเริ่มต้นด้วยรูปภาพขนาด 3.1 MB และหลังจากการปรับขนาดและบีบอัดรูปภาพของเรามีขนาดใหญ่เพียง 165 KB ซึ่งหมายความว่า มีขนาดเล็กกว่า 95% ตอนนี้มีความแตกต่าง! เราจัดการเพื่อให้ได้ผลลัพธ์เช่นเดียวกันกับ Compressor และ ImageOptim ดูเหมือนว่าเราจะมีผู้ชนะสองคนที่นี่

เครื่องมือบีบอัดออนไลน์ที่ดีที่สุดสำหรับ PNGs

สำหรับการทดสอบ PNG เรา ลดขนาดลงโดยเฉลี่ย 50% เมื่อใช้เครื่องมือทั้งหมด อย่างไรก็ตาม Optimizilla นั้นดีกว่าส่วนอื่นๆ เล็กน้อย โดยมี ขนาด ลดลง 56% ของรูปภาพ pt-logo.png ของเรา

เครื่องมือบีบอัดรูปภาพออนไลน์ที่ดีที่สุดโดยรวม

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

ต่อไป มาดูกันว่าปลั๊กอิน WordPress สามารถเอาชนะเครื่องมือบีบอัดรูปภาพออนไลน์ได้หรือไม่

ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดภาพ

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

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

ฉันทดสอบปลั๊กอินต่อไปนี้:

• WP Smush (เวอร์ชันฟรี)
• บีบอัดรูปภาพ JPEG & PNG โดย TinyPNG
• ShortPixel
• จินตนาการ
• EWWW Image Optimizer (รุ่นฟรี)

ดังที่ได้กล่าวมาแล้ว หากคุณรู้จักปลั๊กอินอื่นใดที่เราควรทดสอบ โปรดแจ้งให้เราทราบ แล้วเราจะเพิ่มลงในรายการ หากคุณไม่ต้องการเรียนรู้เพิ่มเติมเกี่ยวกับปลั๊กอินเหล่านี้ คลิกที่นี่ – แสดงผู้ชนะให้ฉันดู!

WP Smush (เวอร์ชันฟรี)

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

บีบอัดภาพ JPEG & PNG โดย TinyPNG

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

ShortPixel

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

จินตนาการ

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

EWWW Image Optimizer (รุ่นฟรี)

EWWW Image Optimizer เป็นปลั๊กอินเพียงตัวเดียว ซึ่งทำให้ฉันมีข้อผิดพลาดบางอย่าง ประการแรก ฉันลองใช้กับโฮสต์ของตัวเองและพบข้อผิดพลาดว่า EWWW Image Optimizer ต้องใช้คีย์ exec() หรือ API ครั้งต่อไปที่ฉันลองใช้ปลั๊กอินบนไซต์ WordPress เพื่อการพัฒนาในพื้นที่ของฉัน และได้รับข้อผิดพลาดว่าฉันไม่มี pngout ฉันทำตามคำแนะนำเกี่ยวกับวิธีการติดตั้ง และในที่สุดปลั๊กอินก็พร้อมสำหรับการทดสอบ เนื่องจากฉันได้ทดสอบเวอร์ชันฟรี มีเพียงตัวเลือกที่ไม่สูญเสียข้อมูลซึ่งไม่ได้นำไปสู่ผลลัพธ์ที่ดีที่สุด เช่นเดียวกับ WP Smush ฉันจะทดสอบเวอร์ชัน EWWW Image Optimizer pro ในการอัปเดตบทความถัดไป และเรามาดูกันว่ามันจะทำงานได้ดีขึ้นหรือไม่

ผลลัพธ์สำหรับปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดรูปภาพ

เช่นเดียวกับก่อนหน้านี้ คุณจะพบกราฟพร้อมผลลัพธ์จากการทดสอบทั้งหมดของเราด้านล่าง คุณยังสามารถตรวจสอบสเปรดชีตโดยละเอียดของเราสำหรับข้อมูลเพิ่มเติม

ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัด JPEG

ShortPixel เป็นผู้ชนะ โดยมีการ บีบอัดข้อมูลเฉลี่ย 84% เช่นเดียวกับ Compressor และ ImageOptim ในหมวดเครื่องมือบีบอัดออนไลน์ที่ดีที่สุด ปลั๊กอินที่ดีที่สุดอันดับสองคือ Imagify โดยมีการ บีบอัดเฉลี่ย 70% ฉันขอประกาศว่า ShortPixel เป็นผู้ชนะในหมวดหมู่นั้นอย่างแท้จริง

ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัด PNGs

ปลั๊กอินบีบอัด PNG ที่ดีที่สุดเรียกว่า บีบอัดรูปภาพ JPEG & PNG โดย TinyPNG โดยมี การบีบอัด 56% ที่น่าสนใจ ผลลัพธ์ที่ดีที่สุดก็คือ เหมือนกับในหมวดหมู่เครื่องมือบีบอัดออนไลน์ที่ดีที่สุด อย่างไรก็ตาม ปลั๊กอินอื่น ๆ ที่มีการแข่งขันสูงขึ้นเล็กน้อยที่นี่ ด้วยการบีบอัดข้อมูล ประมาณ 50%

ปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการบีบอัดรูปภาพโดยรวม

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

บทสรุป

นั่นเป็นการเดินทางที่ยาวนานใช่มั้ย? ในขณะเดียวกัน เราก็สามารถบีบอัดภาพ child.jpg ได้มากถึง 95% เว็บไซต์ของคุณสามารถทำงานได้เร็วขึ้นมาก หากคุณเพียงทำตาม ขั้นตอนง่ายๆ 3 ขั้นตอน เหล่านี้ มาทำซ้ำอีกครั้ง:

• เลือก รูปแบบภาพที่ถูกต้อง
• ปรับขนาดภาพ ก่อนอัพโหลด
• บีบอัดรูปภาพ ด้วยเครื่องมือออนไลน์หรือปลั๊กอิน WordPress

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

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