เมื่อเราอัพโหลดรูปใน wordpress ระบบจะ generate รูปขนาดต่างๆ มาด้วย บางทีอาจมีมากถึง 5 ขนาด และเราก็สามารถกำหนด ขนาดของแต่ละ แบบเฉพาะเจาะจงได้อีกด้วย ในไฟล์ function โดยทั่วไปจะตั้งค่าที่ความกว้างเป็นหลัก
เล็ก Thumbnail / กลาง medium / ใหญ่ large / ต้นฉบับ original
ในตัวของระบบ wordpress สามารถตั้งค่าได้ที่ Media Settings
การตั้งค่า Media Settings
ที่ Dashboard ของ admin
Settings > Media
Media Settings ตั้งขนาดไฟล์ที่เราต้องการจะให้ WordPress ย่อภาพ
การตั้งค่าตรงนี้อาจต้องทำการ regenerate thumbnails ใหม่สำหรับรูปก่อนหน้านี้ ที่เคยอัพโหลดไปแล้ว
วิธีง่ายที่สุด plugin Regenerate Thumbnails
สำหรับรูปใหม่ที่จะอัพโหลดขึ้นมาในครั้งหน้า WordPress จะทำการย่อขนาดรูปตามที่เรากำหนดใน Media Settings
การ Optimize รูปภาพเก่าๆ ให้มีขนาดเล็กลง เพื่อให้โหลดไว ดีต่อ การทำ SEO อาจใช้ plugin ย่อขนาดไฟล์รูป
EWWW Image Optimizer / WP Smush.it / Kraken Image Optimizer
Imsanity ปลั๊กอินสำหรับปรับขนาดภาพอัตโนมัติ เมื่อเราทำการอัพโหลดภาพใน WordPress
หลังจากติดตั้งปลั๊กอินแล้ว เราสามารถไปตั้งค่าได้ที่เมนู Settings > Imsanity ซึ่งก่อนหน้านี้เราก็ควรจะทำการแบคอัพไฟล์ในโฟลเดอร์ wp-content/uploads
ไว้ด้วย
- Image uploaded within a Page/Post การตั้งค่าขนาดของภาพที่อัพโหลดผ่านทาง Page/Post
- Image uploaded directly to the Media Library ภาพที่อัพโหลดทาง Media Library โดยตรง
- Image uploaded elsewhere (Theme headers, backgrounds, logos, etc) ภาพที่อัพผ่านการตั้งค่าอื่นๆ
- JPG Image quality กำหนดคุณภาพของภาพ ค่าพื้นฐานของ WordPress คือ 82 (ทำไมอัพภาพขึ้นแล้วไม่คม เพราะ WordPress มันเปลี่ยนแปลงคุณภาพของภาพให้เราเองโดยอัตโนมัติแม้ไม่ได้ใช้ปลั๊กอิน)
- Convert BMP To JPG แปลง BMP เป็น JPG
- Convert PNG TO JPG แปลง PNG ซึ่งมีขนาดไฟล์ใหญ่สำหรับภาพบางแนวเช่น ภาพถ่าย ไปเป็นภาพ JPG (PNG จะเล็กกว่าและคุณภาพดีกว่าเมื่อเป็นไฟล์ที่ไม่มีการไล่โทนสี เช่น ภาพแนวเวคเตอร์)
สามารถใส่ค่าความสูงเป็นเลข 0 ได้ เพราะบางครั้งอาจจะมีภาพที่มีความยาวมาก เช่น ภาพที่แคปจากหน้าจอแบบยาวๆ หากจำกัดความยาวไว้ จะทำให้มีกว้างลดลงมากจนดูไม่รู้เรื่อง
ถ้าหากเป็นเว็บที่ทำมาได้ระยะนึงแล้ว และต้องการทำการสแกนภาพที่มีการอัพโหลดขึ้นไปแล้วก่อนหน้านี้ ให้คลิกที่ปุ่ม Search Images… แทน ซึ่งระบบจะทำการค้นหาภาพที่มีขนาดใหญ่เกินกว่าที่เรากำหนด
เราสามารถคลิกที่ปุ่ม Resize Selected Images เพื่อทำการปรับขนาดอัตโนมัติ โดยสามารถทำการปรับขนาดอัตโนมัติได้พร้อมกันครั้งละ 250 ภาพ
cr.https://www.wpthaiuser.com/imsanity/
อานตั้งค่าความกว้างยาวเฉพาะได้ในไฟล์ css
img{ max-width: 100%; height: auto; }
img{ max-width: 100%; height: auto; clear: both; display: block; }