Optimize WordPress Images ไม่ใช้ Plugin?

Optimize WordPress Images โดยไม่ใช้ Plugin?

สำหรับ WordPress แล้วนั้นการใช้ภาพที่มีขนาดไฟล์ใหญ่และมีความคมชัดสูงจะทำให้การโหลดหน้าเว็บช้าลง เมื่อเรามีภาพขนาดใหญ่จำนวนมาก อาจจะต้องหา Plugin Optimize Images มาช่วยลดขนาดไฟล์ แถมยังต้องเสียค่าใช้จ่ายรายเดือนกับ Plugin เรื่องอีก  ถ้าเว็บเราเป็นพวกรีวิว บทความ ที่ใช้รูปประกอบจำนวนมาก แนะนำให้เริ่มตั้งไข่ตั้งแต่วันนี้เป็นต้นไปด้วยการลดขนาดรูปแต่ภาพคมชัดเท่าเดิมดีกว่าครับ แถมยังใช้ในเรื่องของ SEO Speed Web และ UX ทำให้คนเข้าเว็บมากขึ้นครับ

การใช้ Plugin ช่วยลดขนาดรูปนั้นบางครั้งทำให้เว็บไซต์เราเขอปัญหาบ้าง เช่น
1. ปลั๊กอินลดขนาดรูปทำให้เว็บโหลดช้าลงบ้าง
2. ปลั๊กอินลดขนาดรูปทำให้ Theme เพี้ยน
3. ปลั๊กอินลดขนาดรูปทำให้เครื่องมือหรือน้า admin เปลี่ยนไป

ดังนั้นหนึ่งในตัวช่วยที่คนใช้บ่อยมากคือ TinyJPG ที่ใช้ย่อขนาดรูปแล้วภาพยังคมชัดอยู่ แต่ที่ผมอยากจะแนะนำคือ compressimage.io ในบทความนี้จะรวมเอาวิธีการ  Optimize WordPress Images โดยไม่ใช้ Plugin และรวม Plugin ช่วยลดขนาดรูปให้ทุกคนได้รู้จักครับ

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

ลดขนาดรูปป่านเว็บ Online

1. CompressImage.io
2. TinyPNG
3. Kraken
4. JPEG.io
5. Compress JPEG
6. Compress PNG
7. Compressor.io แนะนำ
8. ImagecomPressor.com
9. ImageOptim
10. ImageSmaller
11. Kraken
12. JPEG.io
13. PageSpeed Insights
14.  

Plugin ลดขนาดรูป WordPress

1. Cloudimage
2. Imagify
3. ShortPixel Image Optimizer
4. WebP Converter for Media
5. Kraken.io
6. Smush Image Compression and Optimization
7. SG Optimize
8. WP Offload Media Plugin
9. Optimole
10. Gumlet
11. reSmush it Image optimizer
12. Optimus
13. EWWW Image Optimizer
14. Compress JPEG & PNG images
15. Kraken
16. Smush Images
17. AWARD WINNING IMAGE OPTIMIZER
18. Hammy
19. Robin Image Optimizer
20. ImageRecycle pdf & image compression
21. Optimus
22. Smush Pro
23. Cloudimage.io

ลดขนาดรูปใน PC Windows

1. Caesium Image Compressor
2. PNG Gauntlet
3. File Optimizer
4. PNG Optimizer
5. Black Bird Image Optimizer
6. jStrip
7. affinity.serif.com
8. pixlr.com
9. gimp.org
10. jpegmini.com
11. trimage.org
12. Adobe Photoshop
13. Gimp
14. Paint.NET
15. GIFsicle
16. JPEGtran
17. JPEG Mini
18. OptiPNG
19. pngquant
20. FileOptimizer
21. ImageOptim
22. Trimage
23. ImageResize.org
24.  

ลดขนาดรูปใน OS Mac

1. ImageOptim
2. Squash
3. Neuxpower
4. Image Optimizer Compression
5.  

สรุปนะครับ

หากคุณกำลังคิด ริเริ่มต้นที่กำลังจะขึ้นเว็บใหม่ ผมแนะนำว่าก้าวแรกนั้นสำคัญมาก ให้ใช้ภาพในเว็บ WordPress ให้เป็น .WebP ตั้งแต่แรกเลย  ไม่ว่าจะออกแบบจากโปรแกรมอะไรก็ตาม export มาเป็น .JPG, .PNG ให้เอาเข้า Photoshop แล้ว save as เป็น .WebP  ลดความคมชัดลงเหลือ 85% จะได้ขนาดไฟล์คมชัด + เล็กมากๆ  ถ้าเราใช้ไฟล์เบาๆ .WebP ทั้งเว็บ ในอนาคตก็ไม่ต้องไปจ่ายค่าบริการ  Images Optimize แบบรายปีอีกต่อไป นี่แหละครับ เริ่มต้นถูกต้อง อนาคตข้างหน้าก็สบาย

• แปลงไฟล์ .JPG, .PNG ให้เป็น .WebP ทุกครั้งก่อนอัพขึ้นเว็บ
• ใช้โปรแกรมแปลงในเครื่อง ผ่านเว็บ ก็ได้
• ไฟล์ .WebP  ทำพื้นหลังใส Transparent ได้เช่นเดียวกับ .PNG
• ไฟล์ .WebP น้ำหนักเบากว่า 2 เท่า
• เว็บโหลดเร็วขึ้นมาก Google Speed ดีมาก
• ประหยัดค่าปลั๊กอิน บริการเสริม อย่าง  Images Optimize
• ประหยัดค่า VPS, Hosting