CSS มีการปรับขนาดของรูปภาพหรือไม่

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

แต่นี่ยังคงเป็นปัญหาหรือไม่? ฉันจะไม่แนะนำการปรับขนาดรูปภาพ แต่การลดขนาดไม่ควรเป็นปัญหาหากว่ามันไม่แตกต่างจากของจริงมากเกินไป

ตัวอย่างเช่นฉันมีรูปถ่ายที่ 600x400 และฉันติดความกว้าง 400px ไว้ เบราว์เซอร์ที่ทันสมัยส่วนใหญ่ปรับขนาดภาพลงและดูเหมือนว่าการแสดงผลยังคงเหมาะสม

ดังนั้นมุมมองของทุกคนคืออะไร

ไม่ต้องกังวลเกี่ยวกับการปรับขนาด (เบราว์เซอร์ส่วนใหญ่จะทำให้ภาพที่ปรับขนาดดูดีในประสบการณ์ของฉัน) กังวลเกี่ยวกับขนาดของน้ำหนักบรรทุกที่คุณส่งให้กับผู้ใช้ปลายทาง

แน่นอนคุณสามารถยืนยันได้ว่าคุณกำลังเสียแบนด์วิดท์เพียงเล็กน้อยที่ปลายทั้งสองสำหรับพิกเซลพิเศษที่คุณส่งโดยไม่ต้องการใช้งาน แต่มีค่าใช้จ่ายเวลาด้วย

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

นอกจากนี้เกี่ยวกับค่าใช้จ่ายแบนด์วิดท์เล็ก ๆ เมื่อปริมาณการใช้งานเว็บไซต์ของคุณเพิ่มขึ้น

ดังนั้นประหยัดเงิน บริษัท ของคุณและใช้เวลา 30 วินาทีคุณจะต้องปรับขนาดภาพใหม่ด้วยตัวเอง! :)

ทำเช่นเดียวกับการเปรียบเทียบของคุณ แต่ถ้าแอพได้รับความนิยม / ภารกิจสำคัญฉันจะไม่กังวลเกี่ยวกับการลดขนาดจาก 600 เป็น 400 หากคุณอยู่ในสถานการณ์ที่คุณต้องเปลี่ยนความกว้างบ่อยครั้ง หากเป็นแบบครั้งเดียวแน่นอนใช้convert -geometry 400x photo1.jpg photo2.jpgงาน แต่ถ้าเป็นแอปที่คุณทำซ้ำอย่างรวดเร็วอาจมีสิ่งที่สำคัญกว่าที่คุณต้องกังวลแม้อยู่ในขอบเขตของประสิทธิภาพ เช่นเวลาแฝง ยกตัวอย่างเช่นโหลดภาพล่วงหน้า

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

คุณอาจต้องการดูภาพที่ตอบสนอง มีคนทำงานมากมายที่ต้องทำเช่นการลดขนาดโดยอัตโนมัติ - แล้วทำการแคช - รูปภาพบนเซิร์ฟเวอร์เป็นวิธีการที่ดีถ้าเกิดขึ้นมาก

ปัญหาคือส่วนของข้อมูลเบราว์เซอร์จะแสดงผลได้ดีในทุกขนาด (ขนาดเล็กกว่าที่คุณกำลังพูดถึง)

สำหรับไซต์ที่มีปริมาณมากแม้แต่ไบต์เดียวก็สำคัญ คุณไม่ต้องการส่งข้อมูลที่ไม่ต้องการ

การพูดถึงไอเดียที่ไม่ดีมันไม่ใช่ความคิดที่ดีที่จะปรับความกว้าง / ความสูงด้วยพิกเซลเพียงเล็กน้อยหรืออาจเป็น 10 หรือ 20 พิกเซล แต่มันเป็นความคิดที่แย่มาก ๆ ถ้าคุณลดขนาดภาพใหญ่เป็นภาพย่อ :)