Media Library คือที่เก็บรูปภาพ วิดีโอ PDF และไฟล์ต่างๆ ที่อัพโหลดเข้ามาในเว็บครับ จัดการให้ดีตั้งแต่แรกจะประหยัดเวลาและพื้นที่ Hosting ไปได้มากครับ
รู้จัก Media Library
Media Library คือคลังเก็บไฟล์ทุกชนิดที่อัพโหลดเข้าเว็บ ทั้งรูปภาพ, วิดีโอ, PDF, ไฟล์ Word ฯลฯ ทุกครั้งที่เราอัพโหลดรูปใน Post หรือ Page ไฟล์จะถูกเก็บที่นี่ทั้งหมดครับ
- Media → Library
วิธีอัพโหลดไฟล์
การอัพโหลดไฟล์เข้า Media มีหลายวิธีครับ:
- ลากแล้ววาง — ลากไฟล์จากเครื่องมาวางใน Media Library ได้เลย
- กดปุ่ม Add New Media File — ที่หน้า Media Library
- อัพโหลดระหว่างเขียนโพสต์ — กดปุ่ม + แล้วเลือก Image Block แล้วกด Upload
รูปภาพ: JPG, PNG, GIF, WebP | เอกสาร: PDF, DOC, DOCX | วิดีโอ: MP4, MOV | เสียง: MP3, WAV
ขนาดรูปภาพที่เหมาะสม
| ประเภทรูป | ขนาดแนะนำ | หมายเหตุ |
|---|---|---|
| Featured Image / Blog | 1200 × 630 px | เหมาะกับการแชร์ Social ด้วย |
| Banner หน้าแรก | 1920 × 900 px | ใช้สำหรับ Slider หรือ Hero |
| โลโก้ | 300 × 100 px | ไฟล์ PNG พื้นหลังใส |
| Favicon | 512 × 512 px | ระบบจะย่อขนาดเองครับ |
| รูปประกอบบทความ | 800 × 450 px | พอดีกับความกว้างเนื้อหา |
การ Optimize รูปภาพ
รูปภาพที่ใหญ่เกินไปทำให้เว็บโหลดช้ามากครับ ควร Optimize ก่อนอัพโหลดเสมอ
- ใช้เว็บ squoosh.app หรือ tinyjpg.com — บีบอัดรูปออนไลน์ได้ฟรี คุณภาพดีมาก
- Plugin EWWW Image Optimizer — บีบอัดรูปอัตโนมัติเมื่ออัพโหลด
- Plugin ShortPixel — คุณภาพดีมาก มีแบบฟรีด้วยครับ
ไฟล์ WebP มีขนาดเล็กกว่า JPG ถึง 25–35% แต่คุณภาพเท่ากันหรือดีกว่า WordPress รองรับ WebP มาตั้งแต่เวอร์ชั่น 5.8 แล้วครับ
เคล็ดลับการจัดการ Media
ตั้งชื่อไฟล์รูปให้สื่อความหมาย ก่อนอัพโหลด ชื่อไฟล์มีผลต่อ SEO ครับ เช่น wordpress-tutorial.jpg ดีกว่า IMG_001.jpg และอย่าใช้ภาษาไทยเป็นชื่อไฟล์นะครับ เพราะอาจเกิด Error ได้
ใส่ Alt Text ทุกรูปเสมอ Alt Text ช่วย SEO และช่วยให้คนที่ใช้ Screen Reader อ่านเว็บได้ครับ กรอก Alt Text ได้ในหน้า Media Library หรือตอนใส่รูปใน Post/Page
สรุป
Media Library คือคลังเก็บไฟล์ทุกชนิดที่อัพโหลดเข้าเว็บ ทั้งรูปภาพ วิดีโอ และ PDF ขนาดรูปที่แนะนำคือ 1200×630px สำหรับ Featured Image และ 1920×900px สำหรับ Banner ควร Optimize รูปภาพก่อนอัพโหลดทุกครั้งโดยใช้ Squoosh.app หรือ Plugin เช่น ShortPixel ไฟล์ WebP เป็นตัวเลือกที่ดีกว่า JPG/PNG เพราะขนาดเล็กกว่า 25–35% แต่คุณภาพไม่ต่างกัน ตั้งชื่อไฟล์เป็นภาษาอังกฤษที่สื่อความหมาย เช่น wordpress-tutorial.jpg แทน IMG_001.jpg และอย่าลืมใส่ Alt Text ทุกรูปเพราะช่วยทั้ง SEO และ Accessibility ของเว็บครับ
- บทเรียนถัดไป : วิธีจัดการ User
- บทเรียนก่อนหน้า : วิธีทำ SEO พื้นฐาน
อยากมีเว็บไซต์ แต่ไม่รู้จะเริ่มยังไง?
หากเพื่อนๆ ลองทำตามแล้วติดขัด อยากปรึกษาผม หรืออยากให้ผมทำเว็บไซต์ WordPress ให้ สอบถามเข้ามาได้ครับ ยินดีให้คำปรึกษาครับ