ที่เมนู Media Settings จะให้เราตั้งค่า Image sizes ได้ ปัญหาคือ จะตั้งแบบไหนดี เพราะมีทั้ง 4:3, 16:9, 21:9 ฯลฯ เยอะไปหมด
ใช้ในเว็บไม่เท่าไหร่ ต้องคิดเผื่อ x, facebook, ig, tiktok, youtube อีกหลายเจ้า เพราะบางทีแม่มดึงไปทำเป็นภาพปก crop ซะภาพเพี้ยนไปเลย คิดไปคิดมาลองแบบนี้ดีกว่า
ภาพใหญ่ Original
ใช้ Aspect Ratio 16:9 คือ 1920px * 1080px ไปเลยไม่ต้องไปปวดหัว ส่วนถ้า share link ไปที่ facebook จะแนะนำที่ขนาด 1200 x 628 px หรือ scale ในอัตราส่วน 1.91:1
facebook จะ “crop ด้านบนและด้านล่าง” (แนวตั้ง) ออก
เพื่อแปลงจาก 16:9 (1.78:1) เป็น 1.91:1
เราแค่ออกแบบรูปให้เผื่อถูก crop ไว้ด้วยก็ได้ ทั้งด้านบนล่าง และด้านข้าง ด้านละนิดหน่อย
ส่วนใน Media Settings ตั้งค่าตามนี้เลย
Thumbnail size
เว็บผมช่องเล็กสุดจะใช้ขนาด 210px ไม่ติ๊ก Crop เพราะอยากให้มัน resize ย่อขนาดเฉยๆ แต่ถ้าใครอยากจะให้ program ตัดภาพตามสัดส่วน ก็กำหนดขนาดที่ต้องการ เช่น Width 210px Height 180px และติ๊กช่อง Crop เมื่อเรา upload รูปภาพเข้าไป รูปจะถูกย่อและตัดตามขนาดที่เราตั้งไว้เป๊ะๆ
Medium size
ตั้งค่าไว้ 480px เอาไว้ใช้กับหน้าจอมือถือทั่วๆ ไป ซึ่ง iPhone 15 Pro Max น่าจะกว้างที่สุดของค่ายนี้ก็แค่ 430px (ถ้าวัดแบบ CSS width) ส่วนความสูง Max Height 932 ก็เอาไว้ดัก iPhone แบบพอดีเหมือนกัน
Large size
ให้ 1024px เอาไว้ใช้กับหน้าจอใหญ่ๆ อย่าง จอคอม หรือพวก Tablet
แค่นี้เว็บก็สวยงาม เบาหวิว พร้อมรองรับการแชร์ไปทุกแฟลตฟอร์ม แต่ถ้าต้องการให้รูปเบาหวิวกว่านี้อีก เพื่อประหยัดพื้นที่ในการเก็บ หรือเพิ่มความเร็วในการโหลดหน้าเว็บ ก็ต้อง optimize รูปภาพก่อน upload