Why?When the width and height attri

Why?

When the width and height attributes are not specified on an image, browsers need to reflow the page when the image has finished loading, which may disrupt the user experience.




How?

Add width and height attributes matching the actual dimensions of the image.




Where?




More information


Severity: low

Useful improvements are possible.

Category: Check graphics and colors

Images, colors, and style brighten content, but require care: devices may have low-contrast screens or may not support some formats.

Best practice:

Specify the size of images in markup, if they have an intrinsic size.

ผลลัพธ์ (ไทย) 1:

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

ผลลัพธ์ (ไทย) 2:

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

ผลลัพธ์ (ไทย) 3:

ทำไม ?

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




ยังไง ?

เพิ่มความกว้างและความสูงลักษณะการจับคู่ขนาดจริงของภาพ




ที่ไหน ?




ข้อมูลเพิ่มเติม


ความรุนแรงระดับต่ำ

มีประโยชน์ในการปรับปรุงเป็นไปได้

ตรวจสอบหมวดหมู่ : กราฟิกและสี

ภาพ สี และลักษณะ สีสัน เนื้อหา แต่ต้องดูแลอุปกรณ์อาจจะต่ำความคมชัดหน้าจอ หรืออาจจะไม่สนับสนุนบางรูปแบบ ปฏิบัติที่ดีที่สุด

:

ระบุขนาดของภาพในโปรแกรม ถ้าพวกเขามีขนาดที่แท้จริง