วิธีเพิ่มประสิทธิภาพรูปภาพใน WordPress

อัปเดต: 05 ก.ย. 2017 / บทความโดย: Christopher Jan Benitez

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

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

เพื่อเพิ่มประสิทธิภาพภาพของคุณสำหรับความเร็วด้านล่างนี้เป็นสิ่งที่คุณต้องจำ:

การสร้างรูปภาพสำหรับเว็บไซต์

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

บันทึกสำหรับเว็บอุปกรณ์

คุณอาจคุ้นเคยกับรูปแบบไฟล์ที่แตกต่างกันเมื่อบันทึกภาพ รูปแบบที่พบมากที่สุดคือ JPG, PNG และ GIF

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

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

ในที่สุด GIF ภาพอาจมีจานสี จำกัด แต่ก็มีขนาดเล็กที่สุดด้วย ภาพ GIF ส่วนใหญ่จะใช้สำหรับกราฟิกและภาพเคลื่อนไหวแบบแบน

ใช้ TinyPNG.com

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

ไม่ระบุชื่อ

การใช้ปลั๊กอินบีบอัดภาพ (EWWW Image Optimizer, Smush It & ImageOptim)

การบันทึกด้วยรูปแบบภาพที่ถูกต้องและการใช้ TinyPNG ถือเป็นนิสัยที่ดีถ้าคุณต้องการใช้ภาพจำนวนมากสำหรับ WordPress แต่ถ้าคุณมีไลบรารีภาพที่ไม่มีการ จำกัด อยู่ใน WordPress อยู่แล้ว โชคดีที่มีมากมาย ปลั๊กอินการบีบอัดภาพ อย่างเช่น เครื่องมือเพิ่มประสิทธิภาพ EWWW ภาพ, Smush มัน,และ Imagify Image Optimizer.

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

ewww

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

ภาพหน้าจอ 1

สุดท้าย Imagify Image Optimizer เป็นอีกทางเลือกหนึ่งที่สามารถปรับแต่งรูปภาพในไลบรารีสื่อของคุณโดยอัตโนมัติ ด้วยปลั๊กอินนี้คุณสามารถเลือกได้ระหว่างระดับการบีบอัดที่รุนแรงระดับพิเศษและระดับมาตรฐานซึ่งช่วยให้คุณควบคุมคุณภาพของภาพขั้นสุดท้ายได้มากขึ้น

ภาพหน้าจอ-1 2-

ปลั๊กอินการบีบอัดรูปภาพทางเลือก

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

 Tristan จาก ImageRecyle อธิบายถึงสิ่งที่ทำให้พวกเขาแตกต่างจากผู้อื่น

ImageRecycle เป็นเครื่องมือเพิ่มประสิทธิภาพอัตโนมัติสำหรับรูปภาพและ PDF ออนไลน์ อัลกอริทึมที่เป็นเอกลักษณ์ของเราสามารถทำได้ บีบอัดได้สูงสุด 80% ของรูปภาพและไฟล์ PDF ของคุณ ในขณะที่ยังมีคุณภาพใกล้เคียงกับต้นฉบับ

อะไรที่ทำให้บริการของเราน่าสนใจยิ่งกว่าคู่แข่ง?

  • เครื่องมือบีบอัดข้อมูลระดับสูง
  • ปลั๊กอินสำหรับ WordPress, Joomla, วีโอไอพี, Shopify พร้อมการผสานรวมแบบ FULL API
  • เรามีสูตรสมาชิกที่หลากหลาย (โควต้าคงที่โควต้ารายเดือนปริมาณมาก ... ) พร้อมราคาต่ำสุดในตลาด
  • คุณสามารถตั้งค่าบัญชีย่อยได้หลายบัญชีสำหรับลูกค้าของคุณ
  • เรามีโฮสติ้งบนเซิร์ฟเวอร์ที่มีความปลอดภัย 1 เดือนภาพต้นฉบับของคุณและคุณสามารถเรียกคืนไฟล์ต้นฉบับได้เมื่อต้องการ
  • การสนับสนุนบัตรส่วนบุคคลโดยนักพัฒนาซอฟต์แวร์
  • เครื่องมือเพิ่มประสิทธิภาพแบบเต็มหน้าแบบออนไลน์ที่สแกนหาสื่อทั้งหมดและบีบอัดข้อมูลทั้งหมดในซิป
  • เรามี API สำหรับการผสานรวมที่กำหนดเอง

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

สรุป

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

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

เกี่ยวกับ Christopher Jan Benitez

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

เชื่อมต่อ: