ก้าวที่เหนือกว่า WebP ด้วยตัวแปลงสำหรับสื่อ

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

หากคุณใช้งานเว็บไซต์ WordPress คุณอาจคุ้นเคยกับ WebP รูปแบบ WebP ได้รับการพัฒนาในปี 2010 โดย Google และได้รับความนิยมอย่างต่อเนื่องตั้งแต่นั้นเป็นต้นมา การลดไฟล์ JPEG และ PNG ลง 25-34% เป็นตัวเปลี่ยนเกมสำหรับเจ้าของเว็บไซต์

คุณอาจต้องทำความคุ้นเคยกับรูปแบบภาพที่เรียกว่า AVIF เปิดตัวในปี 2019 โดย Alliance for Open Media ทำให้ AVIF สามารถลดขนาดภาพได้มากกว่า WebP นอกจากนี้ คุณภาพของภาพที่แปลงออกมายังดีกว่า WebP รูปแบบ AVIF ได้รับการสนับสนุนโดยเบราว์เซอร์เช่น Chrome และ Firefox และโดย Safari เวอร์ชันล่าสุด โดยรวมแล้วกว่า 76% ของเบราว์เซอร์รองรับ AVIF และเปอร์เซ็นต์นี้เพิ่มขึ้นตลอดเวลา

หากคุณต้องการให้รูปภาพมีขนาดเล็กที่สุดเท่าที่จะเป็นไปได้และทำให้ไซต์ของคุณโหลดเร็วมาก คุณต้องใช้ AVIF คุณสามารถเริ่มต้นด้วยปลั๊กอิน WordPress ที่เรียกว่า Converter for Media

ตัวแปลงสำหรับปลั๊กอินสื่อ

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

สิ่งนี้เป็นไปได้อย่างแน่นอนด้วยปลั๊กอิน Converter for Media

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

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

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

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

มาดูวิธีลดรูปภาพในไซต์ของคุณโดยใช้ปลั๊กอิน Converter for Media กัน!

วิธีใช้การแปลงสำหรับสื่อ

Converter for Media ใช้งานง่าย เราจะดำเนินการตั้งค่าทั้งหมด ตั้งแต่การติดตั้งไปจนถึงการกำหนดค่า

ติดตั้งตัวแปลงสำหรับสื่อ

เริ่มต้นด้วยการดาวน์โหลดปลั๊กอิน Converter for Media โดยตรงจากหน้า WordPress.org

หากต้องการ คุณสามารถค้นหาปลั๊กอินหลักได้จากเว็บไซต์ WordPress ของคุณ ในแดชบอร์ดผู้ดูแลระบบ เลือก ปลั๊กอิน > เพิ่มใหม่ ในแถบค้นหา ให้มองหา "Converter for Media" แล้วคุณจะเห็นตัวเลือกนี้ปรากฏขึ้น

คุณยังสามารถซื้อแผนสำหรับปลั๊กอินรุ่น Pro บนเว็บไซต์ของพวกเขา ซึ่งมีคุณสมบัติเพิ่มเติม

หลังจากที่คุณดาวน์โหลดไฟล์ zip ของปลั๊กอินแล้ว ให้ไปที่ Admin Dashboard ของไซต์ WordPress ของคุณ เลือก ปลั๊กอิน–>เพิ่มใหม่ คลิก อัปโหลดปลั๊กอิน และเรียกดูไฟล์ .zip ที่คุณบันทึกไว้ คลิก ติดตั้งทันที จากนั้นเปิดใช้งาน

ตัวแปลงสำหรับการกำหนดค่าสื่อ

ในเมนูด้านซ้ายของแดชบอร์ดผู้ดูแลระบบ WordPress ให้ไปที่ Media>Library ซึ่งคุณจะเห็นรายการใหม่ที่ชื่อว่า Converter for Media คุณสามารถค้นหาได้ในเมนู การตั้งค่า คลิกแล้วคุณจะเห็นเมนูการตั้งค่าทั่วไปของปลั๊กอิน

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

ถัดไป คุณสามารถแปลงเป็น AVIF, WebP หรือทั้งสองอย่าง โปรดทราบว่าคุณจะต้องอัปเกรดเป็นเวอร์ชัน Pro เพื่อใช้รูปแบบ AVIF — WebP จะรวมอยู่ในเวอร์ชันฟรี ไฟล์ WebP สามารถเบากว่ารูปแบบ JPEG หรือ PNG ถึง 60% ในขณะที่ AVIF นั้นเบากว่า WebP โดยเฉลี่ยอีก 33%

รายการไดเร็กทอรีที่รองรับ

คุณสามารถเลือกไดเร็กทอรีสามไดเร็กทอรีที่จะแปลงไฟล์:

• /ปลั๊กอิน
• /ธีม
• /อัพโหลด

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

ขนาดภาพสูงสุด

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

การแปลงภาพใหม่

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

การเพิ่มประสิทธิภาพจำนวนมากของภาพ

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

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

ขึ้นอยู่กับจำนวนภาพที่คุณต้องแปลง อาจใช้เวลาหลายนาทีถึงหลายชั่วโมง หลังจากผ่านไปประมาณ 15 นาที ฉันแปลงไฟล์ 10,720 ไฟล์และลดน้ำหนักลง 51% — ประหยัดได้ 308 MB ซึ่งใช้การตั้งค่าที่เหมาะสมที่สุด ปรับขนาดภาพเป็น 1200 x 1200 พิกเซลสูงสุด และแปลงเฉพาะไฟล์ในไดเร็กทอรีอัปโหลด ซึ่งมีไดเร็กทอรีอื่นหลายไดเร็กทอรี

ตั้งค่าขั้นสูง

แท็บการตั้งค่าขั้นสูงช่วยให้คุณควบคุมการประมวลผลไฟล์ของคุณได้มากยิ่งขึ้น

รายการนามสกุลไฟล์ที่รองรับ

คุณสามารถเลือกประเภทไฟล์ที่คุณต้องการแปลงและประเภทใดที่ Convert for Media ควรปล่อยไว้ตามลำพัง

วิธีการแปลง

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

โหมดการโหลดรูปภาพ

ตามค่าเริ่มต้น Converter for Media จะเขียนไฟล์ .htaccess ของคุณใหม่เพื่อตั้งค่าวิธีการโหลดรูปภาพบนไซต์ของคุณ หากคุณมีปัญหาเกี่ยวกับการกำหนดค่าเซิร์ฟเวอร์ คุณสามารถเลือกใช้วิธี Pass Thru ซึ่งจะปล่อยไฟล์ .htaccess ไว้ตามลำพัง

คุณสมบัติพิเศษ

คุณสามารถเปิดใช้งานความสามารถเพิ่มเติมบางอย่างสำหรับปลั๊กอิน ได้แก่:

• การลบไฟล์ในรูปแบบเอาต์พุตที่ใหญ่กว่าต้นฉบับโดยอัตโนมัติ
• เก็บข้อมูลเมตาของรูปภาพไว้ในรูปแบบ EXIF ​​หรือ XMP
• เปิดใช้งาน cron เพื่อแปลงรูปภาพโดยอัตโนมัติจากภายนอก Media Library
• บันทึกข้อผิดพลาดขณะแปลงเป็นไฟล์ debug.log

สถิติการเพิ่มประสิทธิภาพ

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

คุณรู้ได้อย่างไรว่ามันได้ผล?

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

สำหรับภาพเส้นขอบฟ้า NYC หนึ่งภาพ ผลลัพธ์คือ:

ขนาดไฟล์ต้นฉบับ: 178 KB

ขนาดไฟล์ที่ปรับให้เหมาะสม: 71 KB (-60%)

ไฟล์ที่แปลงเป็น WebP: 6 (-40%)

ไฟล์ที่แปลงเป็น AVIF: 6 (-61%)

วิธีที่สองคือการใช้ตัวตรวจสอบในเบราว์เซอร์ของฉัน (Firefox) เพื่อค้นหาผลลัพธ์ภายใต้แท็บเครือข่าย จากนั้นคลิกรูปภาพ

ฉันสามารถเห็นภาพหนึ่งของฉันที่มีนามสกุล .png ชัดเจน คอลัมน์ Type แสดงว่ารูปภาพแสดงเป็นไฟล์ AVIF ที่ 78 kb นี่เป็นหนึ่งในคุณสมบัติที่ยอดเยี่ยมของปลั๊กอิน — ไฟล์ต้นฉบับยังคงไม่บุบสลาย นอกจากนี้ยังหมายความว่าหากคุณลบปลั๊กอินออก รูปภาพของคุณจะไม่สูญหาย

URL ของรูปภาพ

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

ราคา

ปลั๊กอิน Converter for Media สามารถดาวน์โหลดและใช้งานได้ฟรี และคุณสามารถแปลงรูปภาพของคุณเป็น WebP ได้ คุณต้องซื้อ Pro Plan เพื่อใช้รูปแบบ AVIF และใช้ประโยชน์จากรูปแบบการบีบอัดที่เหนือกว่า

พวกเขาเสนอแผนรายเดือนและรายปี ซึ่งแผนรายปีนั้นคุ้มค่ากว่า แผนนำเสนอตามจำนวนภาพที่ปรับให้เหมาะสมในระดับ:

• 10K/เดือน หรือ 120K/ปี
• 25K/เดือน หรือ 300K/ปี
• 70K/เดือน หรือ 840K/ปี

ตัวเลขแสดงถึงจำนวนกระบวนการแปลงที่สามารถทำได้ ไม่ใช่จำนวนไฟล์ โปรดทราบว่าการแปลงเป็นทั้ง WebP และ AVIF นับเป็นสองกระบวนการ

ใช้รูปแบบการบีบอัดล่าสุดกับตัวแปลงสำหรับสื่อ

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

ข่าวดีก็คือคุณสามารถใช้ปลั๊กอิน Converter for Media ได้ทั้งสองวิธี