fbpx

ลดขนาดไฟล์ แต่ไม่ลดขนาดภาพ ใน WordPress ทำอย่างไรดี ?

ลดขนาดไฟล์ แต่ไม่ลดขนาดภาพ ใน Wordpress ทำอย่างไรดี ?
https://www.youtube.com/embed/0Q8Mf7vCf_4?feature=oembed&autoplay=1
ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)

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

ติดตั้ง WP Smush WordPress Plugins กันก่อนครับ

เข้าไปค้นหา Plugins ที่ชื่อว่า WP Smush ได้เลยครับ จากค่าย WPMU DEV ครับ มีคน ติดตั้งเป็นล้านคนครับ ติดตั้ง และ เปิดใช้งานได้เลยครับ

ทำการ Optimize Image หรือลดขนาดไฟล์

หลังจากที่เรา ทำการ Activate หรือเปิดใช้งานเรียบร้อยแล้ว เราก็จะเข้าสู่หน้าจอการตั้งค่า อัตโนมัติครับ

ให้เราเลือก

  • Automatically Smush My Image on Upload
  • Resize My Full Size Images ตรงนี้ถ้าใครขี้เกียจลดขนาดรูปก่อน อัพโหลดก็ให้ WP Smush ลดขนาดอัตโนมัติได้ครับ เช่นผมใส่ขนาด 1920 ลงไปทั้งสองช่องครับ

จากนั้นกด Get Start ได้เลยครับ เราจะเห็นเมนู Smush อยู่ด้านล่างครับ

ทีนี้ถ้าเรามีรูปภาพอยู่ในเว็บไซต์อยู่แล้ว เราจะลดขนาดอย่างไรครับ มันจะมีปุ่ม Bulk Smush ให้เราอยู่ครับ กดปุ่มเดียวจบเลยครับ

ลองมากดดูกันเลยครับ กดแล้วก็ต้องรอหน่อยนะครับ เพราะว่า มันใช้เวลาในการลดขนาดรูปภาพครับ

พอมันทำงานเสร็จเราก็จะเห็นรายงานด้านข้างครับว่า มันมีการลดขนาดไปเท่าไรครับ แล้วทำไปทั้งหมดกี่รูปครับ

ทดลองอัพโหลดรูปภาพ เพื่อทำการ Smush

ให้เราไปที่ Media Manager ครับ เพื่อลองอัพโหลดรูปครับ แต่เราสามารถอัพโหลดรูปจาก Posts หรือว่า จากที่ไหนก็ได้ใน WordPress ครับ รูปภาพจะถูกทำการ Smush เองครับ แต่ตอนนี้เราทดสอบโดยใช้ Media Library ไปก่อนครับ

ให้เราอัพโหลดไฟล์รูปขึ้นไปได้เลยครับ สมมุติผมอัพโหลดไฟล์ใหญ่เบิ้ม 6 MB เข้าไปเลยครับลองดูว่าจะเกิดอะไรขึ้นครับ

สิ่งที่เกิดขึ้นเมื่อเราอัพโหลดเสร็จแล้วเปิดรูปนั้นขึ้นมาดูครับ จะเห็นว่า ตรง Smush มันขึ้นว่า Smushing Inprogress ครับ

ตรงนี้ต้องรอสักครู่ครับ ให้มันทำงานให้เรียบร้อยก่อนครับ

แต่มันจะไม่บอกว่าเสร็จครับ ให้เราปิดไปก่อนครับ แล้วเปิดรูปนั้นขึ้นมาใหม่ จะเห็นว่า มัน Smush เสร็จเรียบร้อยครับ

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

แต่ถ้าใครไม่ต้องการลดขนาดรูปภาพ ถามว่าทำได้ไหม ทำได้นะครับเราไปแก้ที่ Smush Settings กันครับ

WP Smush Settings

เอาตรง Resize My Full Size Image ออก แล้ว Save เท่านี้ก็เรียบร้อยแล้วครับ

ลองอัพโหลดอีกสักรูปครับ ตรงนี้ขนาดรูปเป็น 4608 ขนาดของไฟล์ 2 MB ครับ ลองดูเมื่อ Smush เสร็จจะเกิดอะไรขึ้นครับ รอสักครู่ครับ

จะเห็นว่า ถ้าเราไม่ให้ Resize ขนาดของไฟล์ก็ไม่ลดลงครับ แล้วมันก็ไม่ Optimize หรือว่า ทำให้ไฟล์ Size ลดลงด้วยในรูปภาพต้นฉบับของเราครับ นั่นก็เพราะว่า ตรงนี้ครับ ดูที่ Smush Stats ครับ ใน Version Free มันไม่ Smush Original ไฟล์ให้เรานั่นเองครับ เหตุผลเพราะว่า มันบอกว่าส่วนมากเราไม่ได้ใช้ไฟล์ Original นั่นเองครับ

สรุป

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

นอกจากนั้นยังมี Options ให้เราเลือกว่า เราจะ Resize รูปของเราหรือไม่ครับ ถ้าเราเลือกมันก็จะ Resize รูปให้เราอัตโนมัติเลยครับ


ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)
ประชาสัมพันธ์
คอร์สเรียนออนไลน์
ทำ Blog ง่ายๆ ใครก็ทำได้

Blog คือ เครื่องมือที่ใช้สร้างโอกาส 

และ สร้างตัวตนได้ ทุกยุคทุกสมัย 

  • สอนตั้งแต่พื้นฐาน
  • ไม่ต้องเขียนโปรแกรม
  • ใช้ Wordpress ที่คุ้นเคย
  • เนื้อหา 45+ บทเรียน 10+ ชม.
  • เรียนออนไลน์ กี่รอบก็ได้
  • ปรึกษาได้อีก 1 ปีเต็ม
ราคาปกติ 3,990 บาท
Early Bird 1,990 บาท
(สำหรับ 50 ท่านแรก)

พลากร สอนสร้างเว็บ

รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์

จาก พลากร สอนสร้างเว็บ

เฉพาะ สมาชิกเท่านั้น

4 thoughts on “ลดขนาดไฟล์ แต่ไม่ลดขนาดภาพ ใน WordPress ทำอย่างไรดี ?

  1. Eakpipat says:

    ทำเว็ปที่ค่อนข้างใหญ่บางหน้าใช้รูปเดียวกัน อยากถามว่า ถ้าเราเปลี่ยนรูปใดรูปหนึ่ง แล้วรูปเดียวกันในหน้าอื่นๆจะถูกปรับไหม?

    • พลากร สอนสร้างเว็บ says:

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

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *