การตรวจสอบปลั๊กอิน: WP Squish WordPress Plugin

เผยแพร่แล้ว: 2019-06-20

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

WP Squish เป็นปลั๊กอินฟรีจาก Aspen Grove Studios ที่จะบีบอัดไฟล์ JPEG ของคุณในขณะที่ให้คุณควบคุมคุณภาพการบีบอัดได้อย่างสมบูรณ์ ไม่เพียงแต่รูปแบบที่สร้างโดย WordPress แต่ยังรวมถึงรูปแบบต่างๆ ที่สร้างโดยธีม WordPress ของคุณด้วย

มาดูกันว่า WP Squish ทำอะไรได้บ้าง

การติดตั้ง WP Squish

ขั้นแรก ดาวน์โหลด WP Squish จากเว็บไซต์ Aspen Grove Studios ติดตั้งและเปิดใช้งานปลั๊กอินตามปกติ ไม่ต้องใช้คีย์ใดๆ ดังนั้นเมื่อคุณเปิดใช้งานปลั๊กอินแล้ว ปลั๊กอินจะทำงานโดยอัตโนมัติโดยใช้การตั้งค่าเริ่มต้น

การตั้งค่า WP Squish

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

ตัวเลือกรูปภาพ WP Squish

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

การตั้งค่าการบีบอัดภาพ

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

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

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

คุณยังสามารถควบคุมรูปภาพที่สร้างโดยธีมได้ รูปภาพในตัวอย่างนี้สร้างขึ้นโดย Divi

สิ่งเหล่านี้ถูกเพิ่มโดย Extra มันเพิ่มมากกว่า Divi เนื่องจากโมดูลสไตล์นิตยสาร

สิ่งเหล่านี้ถูกเพิ่มโดยธีม Twenty Seventeen

ตัวอย่าง WP Squish

ฉันหยิบรูปภาพสองสามรูปจาก Unsplash.com และอัปโหลดโดยไม่มีการบีบอัดหรือจำกัดขนาด หลังจากนี้ ฉันตั้งค่าขีดจำกัดขนาดและอัปโหลดอีกครั้งโดยตั้งค่าการบีบอัดเป็นระดับต่างๆ นี่คือการเปรียบเทียบบางส่วน รอบแรกใช้การตั้งค่าคุณภาพการบีบอัดเริ่มต้นที่ 75
สุ่มดูภาพหนึ่งภาพ นี่คือภาพต้นฉบับที่มีขนาด 5184×3456 และขนาดไฟล์ 5 MB
นี่คือภาพที่ปรับขนาดโดยไม่มีการบีบอัด มันคือ 1620×1080 และขนาดไฟล์คือ 1 MB การจำกัดขนาดไฟล์จะลดขนาดไฟล์ลงอย่างมาก
นี่คือรูปภาพเดิมที่อัปโหลดอีกครั้งโดยเปิดใช้การบีบอัดเป็นค่าเริ่มต้น 75 คุณภาพของรูปภาพ ขนาดของมันคือ 1620×1080 และขนาดไฟล์คือ 107 kb
นี่เป็นอีกภาพหนึ่งที่ไม่มีการบีบอัดหรือจำกัดขนาด ขนาดของมันคือ 6016×4016 และขนาดไฟล์คือ 3 MB
เวอร์ชันบีบอัดคือ 1618×1080 และขนาดไฟล์คือ 249 kb
สังเกตว่ารูปภาพทั้งหมดจำกัดความสูงไว้ที่ 1080 ฉันกลับไปที่การตั้งค่าและลบขีดจำกัดแนวตั้งออก ซึ่งช่วยให้รูปภาพมีขนาดแนวตั้งใดก็ได้แต่จำกัดขนาดในแนวนอน
รูปภาพต้นฉบับนี้มีขนาด 5184×3456 และขนาดไฟล์ 3 MB
ภาพที่ปรับขนาดคือ 1920×1280 และขนาดไฟล์คือ 252 KB
มาดูตัวอย่างแบบเคียงข้างกัน ภาพซ้ายมือเป็นต้นฉบับขนาด 2963×3878, 4 MB. รูปภาพทางด้านขวาปรับขนาดเป็น 75 ที่ 825×1080, 180 KB
ในภาพนี้ รูปภาพทางด้านซ้ายคือต้นฉบับ และรูปภาพทางด้านขวาถูกบีบอัดให้มีคุณภาพ 60 ซึ่งมีขนาด 825×1080, 135 KB
ในภาพนี้ รูปภาพทางด้านขวาถูกบีบอัดที่ 50 ขนาด 825×1080, 117 KB
สำหรับภาพนี้ ภาพทางด้านขวาจะถูกบีบอัดด้วยคุณภาพที่ 20 ซึ่งมีขนาด 825×1080, 64 KB แม้แต่คุณภาพระดับนี้ ภาพยังใช้งานได้อย่างสมบูรณ์ คุณภาพนี้จะแตกต่างกันไปขึ้นอยู่กับปัจจัยหลายอย่างในภาพถ่ายของคุณ หากรูปภาพนี้มีขนาดใหญ่ขึ้น คุณภาพที่ต่ำลงอาจชัดเจนขึ้น ฉันแนะนำ 60-75 เป็นมาตรฐานแล้วทดลองเพื่อดูว่าอะไรดีที่สุด
นี่คือรูปถ่ายทูแคน ภาพซ้ายมือเป็นต้นฉบับขนาด 5184×3456, 5 MB. รูปภาพทางด้านขวาถูกบีบอัดด้วยคุณภาพ 20 ขนาดคือ 1620×1080, 40 KB ความแตกต่างนั้นเล็กน้อยมากจนฉันต้องมองอย่างใกล้ชิดเพื่อระบุจุดเหล่านั้น และถึงกระนั้นภาพที่บีบอัดก็ยังดูดี
นี่คือขนาดกลางของต้นฉบับทางด้านซ้ายโดยไม่มีการบีบอัด 75 ตรงกลางและ 60 ทางด้านขวา
ต่อไปนี้คือตัวอย่างภาพขนาดย่อสองชุดโดยทั้งสองชุดแสดงจากซ้ายไปขวา: 100, 75 และ 60
มาดูภาพใหญ่กันสักหน่อย ภาพนี้แสดงเวอร์ชันใหญ่ของต้นฉบับอยู่ด้านบน และเวอร์ชันด้านล่างมีคุณภาพ 60
ภาพนี้แสดงต้นฉบับขนาดใหญ่อยู่ด้านบน รุ่นด้านล่างตั้งค่าคุณภาพไว้ที่ 40
รายการนี้แสดงเวอร์ชันใหญ่ 4 MB ของต้นฉบับด้านบน และเวอร์ชันคุณภาพ 40 เวอร์ชันที่ 251 KB ที่ด้านล่าง คุณจะเห็นว่าเมฆทางด้านซ้ายเริ่มแสดงคุณภาพต่ำลง 40 จริง ๆ แล้วก้าวร้าวสำหรับการบีบอัดภาพ ที่ใดที่หนึ่งในช่วง 60-75 ดูเหมือนจะเป็นตัวเลือกที่ดีที่สุดและยังคงลดขนาดไฟล์ได้อย่างมาก
อันนี้ใช้คุณภาพ 60 ไม่เลวสำหรับภาพที่ 324 KB

จบความคิด

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

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

WP Squish เป็นปลั๊กอินที่ยอดเยี่ยมสำหรับการบีบอัด JPEG และเป็นปลั๊กอินที่ง่ายต่อการแนะนำ หากคุณต้องการปลั๊กอินฟรีเพื่อบีบอัดไฟล์ JPEG และจำกัดขนาดของไฟล์เมื่ออัปโหลดไปยัง WordPress WP Squish ก็คุ้มค่าที่จะลอง

คุณลอง WP Squish แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น