เลือกรูปภาพสำหรับใช้กับเว็บไซต์

ใช้รูปขนาดไหนดีให้เว็บโหลดเร็ว

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

ใส่อะไรบ้างใน media wordpress
ใส่อะไรบ้างใน media wordpress

ข้อคิดและข้อควรใส่ใจในการใช้ภาพกับเว็บ

  1. ไม่เกิน 1 MB
  2. กว้าง 1980 มากสุด สูงก็วัดจากขนาดหน้าจอเอา ไม่เกิน 1020 เท่ากับขนาด Full HD  เพราะหน้าจอส่วนใหญ่ยังอยู่ที่ขนาดนี้
  3. ใช้ photoshop > File > Save for web
  4. ถ้าเป็นภาพถ่ายสีเยอะ ๆ ใช้ JPG
  5. ถ้าเป็นสีเดียว ไม่มีการไล่สีใช้ PNG, GIF
  6. ถ้าต้องมีพื้นใส ใช้ PNG
  7. ภาพทุกภาพมีลิขสิทธิ์ สามารถหารูปฟรีได้จากเว็บโหลดรูปฟรีต่าง ๆ เช่น Pixabay
  8.  การให้เครดิตสามารถทำได้ แต่ควรขออนุญาตเจ้าของภาพก่อน และการให้เครดิตสามารถเพิ่ม tag  rel=”nofollow” ลงไปที่ลิงค์ได้ เพราะอะไรลองอ่านบทความนี้
  9. ใช้ปลั๊กอิน optimized รูปของเราเช่น  WP Smush
  10. ตั้งชื่อไฟล์เป็นภาษาอังกฤษ ตัวพิมพ์เล็กเท่านั้น
  11. ไม่เว้นวรรค ถ้าเว้นวรรค ต้องใช้ – แทน เช่น my-computer.jpg
  12. การตั้งชื่อรูปควรมีรูปแบบ เช่น product-teka-electric-cooker-elc2018.jpg เป็นต้น
  13. ระบบสามารถค้นหาชื่อภาพได้จากไฟล์ที่เราตั้ง ถ้าต้องการแก้ไข ให้เพิ่มคำค้นลงในช่อง Title
  14. ใส่คำอธิบายภาพที่ Caption และ Alt text ด้วย โดยเฉพาะ Alt Text ระบบค้นหา Google จะใช้ในการทำความเข้าใจว่ารูปนี้หมายถึงเรื่องใด
  15. ขนาดภาพใหญ่ ๆ ไว้จะดีมาก แต่ถ้าเป็นรูปสินค้าต้องใช้ขนาดจตุรัส คือ สองด้านเท่ากัน เช่น 1000X1000 px และใช้ photoshop > save for web ลดขนาดไฟล์

สงสัยสอบถามเพิ่มเติมได้ที่ หรือติดต่อเรียน wordpress กับเราได้ที่
Line ID : http://line.me/ti/p/%40WebWithWP
Facebook page : https://www.facebook.com/webwithwp
โทร : 0943458998
website : https://www.webwithwp.com

About the author