วิธีเพิ่มประสิทธิภาพรูปภาพใน WordPress สำหรับไซต์ที่เร็วขึ้น

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

เป็นสิ่งสำคัญที่รูปภาพของเว็บไซต์ WordPress ของคุณต้องได้รับการปรับให้เหมาะสม ไฟล์รูปภาพมีหลายรูปแบบ และทุกรูปแบบก็มีคุณลักษณะเฉพาะของตัวเอง แม้ว่าปลั๊กอินบางตัวสามารถเร่งกระบวนการได้ แต่ก็เป็นความคิดที่ดีที่จะทำสิ่งต่าง ๆ ด้วยตนเองหากเป็นไปได้ ในบทความนี้ ฉันจะแสดงวิธีเพิ่มประสิทธิภาพรูปภาพสำหรับ WordPress โดยไม่ต้องใช้ปลั๊กอิน Google สร้างรูปแบบไฟล์ภาพ WebP ในปี 2010 Apple เพิ่งเพิ่มการรองรับ WebP ในเบราว์เซอร์ Safari ด้วยเหตุนี้ รูปภาพ webP อาจมีขนาดใหญ่กว่า PNG หรือ JPEG

เมื่อใช้ Photoshop คุณจะสังเกตเห็นว่าไม่รองรับ WebP เนื่องจากโค้ด XML ที่ระบุไซต์ WordPress ของคุณมีอยู่ในซอร์สโค้ด เนื่องจาก SVG เป็นไฟล์เวกเตอร์ จึงไม่เบลอหรือแตกเป็นพิกเซลเมื่อขยายในเบราว์เซอร์ GIF เป็นภาพเคลื่อนไหวที่ไม่มีประโยชน์มากนัก จึงไม่มีคนพูดถึงมาก การใช้ JPEG หรือ PNG แทน Adobe Acrobat จะให้ผลลัพธ์ที่ดีที่สุดเมื่อไม่สามารถทำได้ เมื่อต้องตัดสินใจว่าจะกำหนดขนาดและความสูงของรูปภาพในโพสต์บล็อกอย่างไร ไม่มีวิธีแก้ไขปัญหาเดียว ขนาดจะถูกกำหนดโดยธีมและการออกแบบ ตรวจสอบความกว้างของคอนเทนเนอร์โดยใช้เครื่องมือตรวจสอบของเบราว์เซอร์

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

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

ฉันจะปรับปรุงคุณภาพของรูปภาพใน WordPress ได้อย่างไร

WordPress บีบอัดรูปภาพของคุณที่คุณภาพประมาณ 18% เพื่อปรับปรุงประสิทธิภาพมือถือ คุณสามารถ ปิดการใช้งานการบีบอัดภาพ หรือปรับอัตราการบีบอัดเล็กน้อยเพื่อแก้ไขปัญหาของคุณ คุณสามารถเปลี่ยนขนาดย่อเริ่มต้นได้โดยใช้ Regenerate Thumbnails หรือ Simple Image Sizes ซึ่งทั้งสองอย่างนี้สามารถใช้เพื่อสร้างภาพขนาดย่อใหม่ได้

เหตุใดรูปภาพไซต์ WordPress ของคุณจึงดูพร่ามัว (และวิธีแก้ไข)

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

ปรับแต่งรูปภาพ WordPress

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

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

ปรับภาพให้เหมาะสมโดยไม่สูญเสียคุณภาพ

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

เมื่อปรับรูปภาพให้เหมาะสม การเลือกประเภทไฟล์ที่เหมาะสมเป็นสิ่งสำคัญ Adobe Photoshop, On1 Photo, GIMP, Affinity Photo และเครื่องมือแก้ไขรูปภาพอื่น ๆ มีความสามารถในการบีบอัดข้อมูลในตัว เนื่องจากกระบวนการนี้เป็นบิตแบบแมนนวล คุณต้องบันทึกรูปภาพตามปกติ อัปโหลดไปยังเครื่องมือเว็บ แล้วดาวน์โหลดอีกครั้ง การใช้ปลั๊กอิน WordPress เช่น Optimole, EWWW Image Optimizer, WP Smush หรืออื่นๆ คุณสามารถบีบอัด ขนาดรูปภาพ ได้ ก่อนอัปโหลดภาพของคุณไปยังเว็บไซต์ของคุณ คุณควรใช้เครื่องมือเหล่านี้เพื่อเพิ่มประสิทธิภาพ Photoshop เป็นซอฟต์แวร์แก้ไขรูปภาพระดับพรีเมียมที่มีฟีเจอร์ในตัวมากมายสำหรับบันทึกรูปภาพที่ปรับให้เหมาะสมที่สุดเพื่อใช้บนเว็บ เว็บแอปพลิเคชั่นฟรีอีกตัวหนึ่งที่จะช่วยให้คุณบีบอัดขนาดรูปภาพของคุณคือจินตภาพ

นักพัฒนาแอปสามารถใช้ API เพื่อแปลงและบีบอัดรูปภาพได้ การสมัครสมาชิกรุ่นที่ต้องชำระเงินเริ่มต้นที่ $4.99 ต่อเดือน และอนุญาตให้คุณอัปโหลดรูปภาพจำนวนมากไปยังแอปพลิเคชัน หาก รูปภาพเว็บไซต์ ของคุณไม่ได้รับการปรับให้เหมาะสม คุณควรเริ่มดำเนินการทันที รูปภาพทั้งหมดที่แสดงบนเว็บไซต์ของคุณในปัจจุบันจะถูกบีบอัดเมื่อเปิดใช้งานปลั๊กอิน และรูปภาพใหม่ทั้งหมดจะถูกบีบอัดเมื่อเปิดใช้งานปลั๊กอิน JPEG Compress เป็นปลั๊กอิน WordPress ฟรีที่สร้างโดย TinyPNG ซึ่งเป็นเครื่องมือบีบอัดรูปภาพออนไลน์ฟรี การเพิ่มประสิทธิภาพรูปภาพสามารถทำได้ด้วย EWWW Image Optimizer โดยใช้เทคนิคแบบไม่สูญเสียข้อมูล