สร้างภาพขนาดย่อที่มีประโยชน์ในขนาดจอแสดงผลขนาดเล็ก

รูปภาพการ์ดช่วยให้ผู้อื่นรู้จักผลิตภัณฑ์ บทความ หรือรายการแกลเลอรี่ได้อย่างรวดเร็ว ไม่ต้องแสดงทุกรายละเอียดในภาพขนาดใหญ่ เลือกองค์ประกอบที่ยังคงเข้าใจได้เมื่อมีขนาดเล็ก: ภาพเต็มห้องอาจมีประโยชน์น้อยกว่ามุมมองที่ใกล้กว่า ในขณะที่ภาพขนาดย่อของผลิตภัณฑ์ยังคงต้องแสดงรายการที่ถูกต้องมากกว่ารายละเอียดที่น่าสนใจแต่คลุมเครือ

ตรวจสอบรูปร่างของการ์ดก่อนส่งออก Fit Within จะรักษาแหล่งที่มาทั้งหมดไว้ แต่เว็บไซต์ของคุณอาจครอบตัดในภายหลังด้วยสไตล์ของตัวเอง การครอบตัดที่แน่นอนช่วยให้คุณมีองค์ประกอบโดยเจตนาสำหรับช่องนั้น ใช้แหล่งที่มาที่ใหญ่ขึ้นสำหรับแกลเลอรีแบบขยายหรือซูมผลิตภัณฑ์ อย่าแทนที่ภาพที่มีรายละเอียดเพียงอย่างเดียวด้วยภาพขนาดย่อ และคาดว่าการขยายจะสร้างรายละเอียดใหม่เมื่อผู้เยี่ยมชมเปิดขึ้น

ค่าที่ตั้งไว้ล่วงหน้าจะพอดีภายใน 800 x 800 พิกเซล เลือก WebP และใช้การลับแสง นี่เป็นตัวอย่างที่ผูกไว้สำหรับผู้สมัครการ์ด ไม่ใช่ข้อกำหนดของภาพขนาดย่อสากล วัดความกว้างของจอแสดงผลจริงและความต้องการความหนาแน่นที่ตอบสนอง จากนั้นเลือกการส่งออกที่เหมาะสม แหล่งกว้างจะเก็บอัตราส่วนไว้ภายในกล่องแทนที่จะกลายเป็นสี่เหลี่ยมจัตุรัสโดยอัตโนมัติ

ตรวจสอบภาพขนาดของบัตรจริง ควรจดจำใบหน้า ฉลาก หรือคุณลักษณะของผลิตภัณฑ์ที่โดดเด่น คำที่ฝังไว้ขนาดเล็กอาจดีกว่าเป็นข้อความการ์ดจริง เปรียบเทียบกับการเหลาเบา ๆ เนื่องจากความคมชัดของขอบที่แข็งแกร่งอาจทำให้ภาพเล็กไม่ว่าง ทดสอบ JPEG ที่มิติเดียวกันหาก WebP ไม่มีประโยชน์ในเวิร์กโฟลว์ของคุณ ใช้ PNG สำหรับสินทรัพย์ที่ต้องการความโปร่งใสที่มีอยู่ การส่งออก WebP ปัจจุบันที่นี่ทึบแสง

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

ตรวจสอบการโต้ตอบการท่องเว็บทั้งหมด ภาพขนาดย่อที่ใช้เป็นลิงก์ต้องการชื่อที่เข้าถึงได้ผ่านรูปภาพหรือข้อความโดยรอบ ให้ส่วนที่ครอบตัดมีความสม่ำเสมอเพียงพอสำหรับการสแกนโดยไม่ซ่อนเนื้อหาที่เกี่ยวข้อง สำหรับแกลเลอรี ให้ทดสอบว่าการเปิดรายการแสดงแหล่งที่มาที่ใหญ่กว่าที่เหมาะสม ชุดเฉพาะรูปภาพที่มีบทบาทเดียวกันและตรวจสอบค่าผิดปกติ เช่น ผลิตภัณฑ์สูงหรือการตกแต่งภายในที่กว้างแยกกัน ตัวแปลงจะสร้างไฟล์ในเครื่องและไม่แก้ไขเว็บไซต์ของคุณหรือเผยแพร่แกลเลอรี เก็บชุดเดิมไว้เพื่อให้กฎขนาดย่อสามารถเปลี่ยนแปลงได้ในภายหลัง

เลือกผลิตภัณฑ์สูงและภาพถ่ายห้องกว้างเพื่อทดสอบภาพขนาดย่อ วางไว้ข้างภาพสี่เหลี่ยมธรรมดาที่เป็นมิตรกับตารางจริง ตรวจสอบว่ารูปแบบที่ใช้ร่วมกันซ่อนผลิตภัณฑ์สิ้นสุดลงหรือทำให้ห้องไม่สามารถจดจำได้ อาจจำเป็นต้องมีการครอบตัดโดยเจตนาหรือตัวเลือกที่แยกจากกันสำหรับค่าผิดปกติ แม้ว่ารูปภาพส่วนใหญ่จะทำงานด้วยกฎเดียวกันก็ตาม ดูฉลากและใบหน้าที่ขนาดการ์ดปกติ และยืนยันว่าลิงก์ยังคงสมเหตุสมผลเมื่อรูปภาพไม่พร้อมใช้งาน การทดสอบนี้ช่วยให้คุณตัดสินภาพขนาดย่อเป็นส่วนหนึ่งของการเรียกดู แทนที่จะเป็นไฟล์ขนาดเล็กที่ดูด้วยตัวมันเอง