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

บทความที่เขียนโดย:
  • WordPress
  • อัปเดต: ก.ย. 05, 2017

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

โปรดทราบว่าความเร็วในการโหลดเว็บไซต์เป็นปัจจัยสำคัญสำหรับประสบการณ์ของผู้ใช้ แม้ว่าคุณจะนำเสนอเนื้อหาที่เยี่ยมยอด แต่การมีไซต์ที่ซบเซาอาจสร้างความโกรธให้กับผู้ชมได้มาก ตามที่ 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