• November 21, 2021

    เมื่อเราอัพโหลดรูปใน 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; }



เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories


Uncategorized