The HTML code you provided is used to display an image on a webpage with a specific fixed size of .
: This is the standard HTML tag used to embed an image. <img width="600" height="300" src="https://i0.w...
: By defining the size in the code, the browser reserves the correct amount of space for the image before it finishes loading. This prevents the rest of your page content from "jumping" or shifting around once the image appears, improving the Cumulative Layout Shift (CLS) . The HTML code you provided is used to
: If you only specify the width and leave out the height (or set it to auto in CSS), most modern browsers will automatically scale the height to match the original image's aspect ratio . This prevents the rest of your page content
: It allows you to display a large image at a smaller size, though it is generally better for performance to resize the actual image file to the intended dimensions before uploading it. Common Tips
의 width/height 속성과 페이지 렌더링의 상관관계 - junglast
: The src (source) attribute tells the browser the exact URL or file path where the image is located.