วิธีเพิ่มประสิทธิภาพของภาพสำหรับประสิทธิภาพเว็บโดยไม่ลดคุณภาพ

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


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

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

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

วิธีปรับแต่งรูปภาพของคุณใน WordPress (ทีละขั้นตอน)

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

    การปรับภาพให้ดีที่สุดคืออะไร (ปรับให้เหมาะสมกับภาพที่ไม่ได้เพิ่มประสิทธิภาพ)

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

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

    นี่คือตัวอย่างของการเพิ่มประสิทธิภาพของภาพที่ไม่ได้เพิ่มประสิทธิภาพ:

    ปรับเทียบกับรูปภาพที่ไม่ได้เพิ่มประสิทธิภาพใน WordPress

    อย่างที่คุณเห็นเมื่อปรับให้เหมาะสมอย่างเหมาะสมภาพเดียวกันอาจเล็กกว่าต้นฉบับถึง 75% โดยไม่สูญเสียคุณภาพ.

    การปรับภาพให้เหมาะสมทำงานอย่างไร?

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

    การปรับภาพให้ดีที่สุดหมายความว่าอย่างไร?

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

    ทำไมการเพิ่มประสิทธิภาพภาพจึงสำคัญ? ประโยชน์ของการปรับภาพให้ดีที่สุดคืออะไร?

    ในขณะที่มีประโยชน์มากมายในการเพิ่มประสิทธิภาพภาพของคุณด้านล่างเป็นภาพยอดนิยมที่คุณควรรู้:

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

    นอกวิดีโอภาพเป็นรายการที่หนักที่สุดถัดไปบนหน้าเว็บ ตาม HTTP เก็บถาวร, รูปภาพคิดเป็นค่าเฉลี่ย 21% ของน้ำหนักของหน้าเว็บทั้งหมด.

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

    ตอนนี้คุณอาจสงสัยว่าการสร้างภาพให้เกิดประโยชน์สูงสุดนั้นแตกต่างกันมากเพียงใด?

    จากการศึกษา Strangeloop ความล่าช้าหนึ่งวินาทีในการโหลดเว็บไซต์อาจทำให้คุณเสียค่าใช้จ่าย 7% ของยอดขายลดจำนวนการเปิดดูหน้าเว็บ 11% และความพึงพอใจของลูกค้าลดลง 16%.

    ความเร็วมีผลต่อเว็บไซต์ของคุณอย่างไร

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

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

    วิดีโอสอน

    สมัครสมาชิก WPBeginner

    หากคุณต้องการคำแนะนำที่เป็นลายลักษณ์อักษรเพียงแค่อ่านต่อไป.

    วิธีบันทึกและปรับแต่งรูปภาพเพื่อประสิทธิภาพเว็บ?

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

    สามสิ่งที่มีบทบาทอย่างมากในการเพิ่มประสิทธิภาพของภาพคือ:

    • รูปแบบไฟล์ภาพ (JPEG เทียบ PNG เทียบกับ GIF)
    • การบีบอัด (การบีบอัดที่สูงขึ้น = ขนาดไฟล์เล็กลง)
    • ขนาดภาพ (ความสูงและความกว้าง)

    ด้วยการเลือกการผสมผสานที่เหมาะสมของทั้งสามคุณสามารถลดขนาดภาพลงได้มากถึง 80%.

    มาดูรายละเอียดเหล่านี้กันดีกว่า.

    1. รูปแบบไฟล์ภาพ

    สำหรับเจ้าของเว็บไซต์ส่วนใหญ่รูปแบบไฟล์ภาพสามรูปแบบที่สำคัญคือ JPEG, PNG และ GIF การเลือกประเภทไฟล์ที่เหมาะสมมีบทบาทสำคัญในการปรับภาพให้เหมาะสม.

    เพื่อให้ทุกอย่างง่ายขึ้นคุณต้องการใช้ JPEG สำหรับภาพถ่ายหรือภาพที่มีหลายสี PNGs สำหรับภาพง่าย ๆ หรือเมื่อคุณต้องการภาพโปร่งใสและ GIF สำหรับภาพเคลื่อนไหวเท่านั้น.

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

    ในทางตรงกันข้าม JPEG เป็นรูปแบบไฟล์บีบอัดที่ลดคุณภาพของภาพเล็กน้อยเพื่อให้ไฟล์มีขนาดเล็กลงอย่างมีนัยสำคัญ.

    ในขณะที่ GIF ใช้ 256 สีพร้อมกับการบีบอัดแบบไม่มีการสูญเสียซึ่งทำให้เป็นตัวเลือกที่ดีที่สุดสำหรับภาพเคลื่อนไหว.

    บน WPBeginner เราใช้รูปแบบภาพทั้งสามแบบตามประเภทของภาพ.

    2. การบีบอัด

    สิ่งต่อไปคือการบีบอัดภาพซึ่งมีบทบาทอย่างมากในการปรับภาพให้เหมาะสม.

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

    เครื่องมือแก้ไขภาพส่วนใหญ่เช่น Adobe Photoshop, On1 Photo, GIMP, Affinity Photo และอื่น ๆ มาพร้อมกับคุณสมบัติการบีบอัดภาพในตัว.

    คุณยังสามารถบันทึกภาพได้ตามปกติจากนั้นใช้เครื่องมือเว็บเช่น TinyPNG หรือ JPEG Mini เพื่อการบีบอัดภาพที่ง่ายขึ้น.

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

    นอกจากนี้ยังมีปลั๊กอิน WordPress ยอดนิยมมากมายเช่น Optimole, EWWW Image Optimizer และอื่น ๆ ที่สามารถบีบอัดรูปภาพโดยอัตโนมัติเมื่อคุณอัพโหลดเป็นครั้งแรก ผู้เริ่มต้นและองค์กรขนาดใหญ่จำนวนมากต้องการใช้ปลั๊กอินการปรับภาพให้ดีที่สุดเพราะง่ายและสะดวก.

    เราจะแบ่งปันเพิ่มเติมเกี่ยวกับปลั๊กอิน WordPress ในภายหลังในบทความ.

    3. ขนาดภาพ

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

    โดยทั่วไปแล้วรูปภาพเหล่านี้มีความละเอียด 300 DPI และขนาดเริ่มต้นที่ 2,000 พิกเซลและอื่น ๆ ภาพถ่ายคุณภาพสูงเหล่านี้เหมาะสมอย่างยิ่งสำหรับการพิมพ์หรือการเผยแพร่บนเดสก์ท็อป ไม่เหมาะสำหรับเว็บไซต์.

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

    ตัวอย่างเช่นเราปรับภาพด้วยขนาดไฟล์ต้นฉบับ 1.8 MB ความละเอียด 300 DPI และขนาดภาพ 4900 × 3200 พิกเซล.

    เราเลือกรูปแบบ jpeg สำหรับการบีบอัดที่สูงขึ้นและเปลี่ยนขนาดเป็น 1200 × 795 พิกเซลและลดขนาดไฟล์รูปภาพเป็น 103 KB นั่นคือน้อยกว่าขนาดไฟล์ต้นฉบับ 94%.

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

    เครื่องมือและโปรแกรมเพิ่มประสิทธิภาพภาพที่ดีที่สุด

    ตามที่เราได้กล่าวไปแล้วซอฟต์แวร์แก้ไขภาพส่วนใหญ่มาพร้อมกับการปรับแต่งรูปภาพและการบีบอัด.

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

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

    วิธีนี้ช่วยให้คุณประหยัดพื้นที่ดิสก์ในบัญชีโฮสติ้ง WordPress ของคุณและรับประกันภาพที่เร็วที่สุดด้วยคุณภาพที่ดีที่สุดเนื่องจากคุณตรวจสอบแต่ละภาพด้วยตนเอง.

    Adobe Photoshop

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

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

    บันทึกรูปภาพที่ปรับให้เหมาะที่สุดสำหรับเว็บโดยใช้ Photoshop

    GIMP

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

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

    ส่งออกภาพใน GIMP

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

    TinyPNG

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

    ใช้ TinyPNG เพื่อปรับภาพให้เหมาะสมกับ WordPress

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

    พวกเขายังมีส่วนเสริมสำหรับ Adobe Photoshop ซึ่งเป็นสิ่งที่เราใช้เป็นส่วนหนึ่งของกระบวนการแก้ไขภาพของเราเพราะมันรวมสิ่งที่ดีที่สุดของ TinyPNG และ TinyJPG ไว้ใน Photoshop.

    สำหรับนักพัฒนาพวกเขามี API เพื่อแปลงภาพโดยอัตโนมัติและสำหรับผู้เริ่มต้นพวกเขามีปลั๊กอิน WordPress ที่สามารถทำเพื่อคุณโดยอัตโนมัติ (เพิ่มเติมในภายหลัง).

    JPEG Mini

    JPEGmini ใช้เทคโนโลยีการบีบอัดแบบไม่สูญเสียข้อมูลซึ่งลดขนาดของภาพลงอย่างมากโดยไม่ส่งผลกระทบต่อคุณภาพการรับรู้ คุณสามารถเปรียบเทียบคุณภาพของภาพต้นฉบับและภาพที่บีบอัดได้.

    เครื่องมือการบีบอัดรูปภาพ JPEGMini ออนไลน์

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

    ImageOptim

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

    ImageOptim

    ทางเลือกของ Windows สำหรับ Trimage.

    สุดยอดการปรับแต่งรูปภาพปลั๊กอินสำหรับ WordPress

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

    ด้านล่างนี้คือรายการปลั๊กอินบีบอัดภาพ WordPress ที่ดีที่สุดของเรา:

    1. Optimole – ปลั๊กอินยอดนิยมโดยทีมงานที่อยู่เบื้องหลัง ThemeIsle.
    2. EWWW Image Optimizer
    3. บีบอัด JPEG & ภาพ PNG – ปลั๊กอินโดยทีม TinyPNG ที่กล่าวถึงข้างต้นในบทความ.
    4. Imagify – plugin โดยทีมปลั๊กอิน WP Rocket ยอดนิยม.
    5. เครื่องมือเพิ่มประสิทธิภาพภาพ ShortPixel
    6. WP Smush
    7. reSmush.it

    การใช้ปลั๊กอินปรับภาพ WordPress เหล่านี้จะช่วยให้คุณเพิ่มความเร็วเว็บไซต์ของคุณ.

    ความคิดสุดท้ายและแนวทางปฏิบัติที่ดีที่สุดสำหรับการปรับภาพให้ดีที่สุด

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

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

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

    หรือคุณสามารถใช้ บริษัท โฮสติ้ง WordPress ที่มีการจัดการเพราะพวกเขามักจะเสนอทั้งแคชและ CDN เป็นส่วนหนึ่งของแพลตฟอร์ม.

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

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map