<img src="image-path.jpg" width="200" height="500" alt="이미지 대체 텍스트">
<img
    srcset="
        랜더링할후보이미지url-1 랜더링할후보이미지url-1이랜더링할뷰포트최대너비혹은최대디스플레이해상도1,
        랜더링할후보이미지url-2 랜더링할후보이미지url-2가랜더링할뷰포트최대너비혹은최대디스플레이해상도2,
        랜더링할후보이미지url-3 랜더링할후보이미지url-3이랜더링할뷰포트최대너비혹은최대디스플레이해상도3,
        랜더링할후보이미지url-n 랜더링할후보이미지url-n이랜더링할뷰포트최대너비혹은최대디스플레이해상도n,
    "
    src="default.jpg"> <!-- srcset이 올바르게 설정되었다면 src 속성은 없어도 무방함 -->
<img
    srcset="
        heart-small-480px.jpg 480w,
        heart-medium-700px.jpg 700w,
        heart-large-1000px.jpg 1000w
    "
    src="heart-large-1000px.jpg" 
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
<img
    srcset="
        heart-small-480px.jpg 1x,
        heart-medium-700px.jpg 2x,
        heart-large-1000px.jpg 3x
    "
    src="heart-large-1000px.jpg"
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
<img
    srcset="
        heart-small-480px.jpg 480w,
        heart-medium-700px.jpg 2x,
        heart-large-1000px.jpg 1000w
    "
    src="heart-large-1000px.jpg"
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
<img
    srcset="
        heart-small-480px.jpg 480w 1x,
        heart-medium-700px.jpg 700w 2x,
        heart-large-1000px.jpg 1000w 3x
    "
    src="heart-large-1000px.jpg"
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
<img
    srcset="
        heart-small-480px.jpg 480w,
        heart-medium-700px.jpg 700w,
        heart-large-1000px.jpg 1000w
    "
    sizes="
        (max-width: 너비) 너비,
        (max-width: 너비) 너비,
        너비
        ...
    "
    src="heart-large-1000px.jpg" 
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
<img
    srcset="
        heart-small-480px.jpg 480w,
        heart-medium-700px.jpg 700w,
        heart-large-1000px.jpg 1000w
    "
    sizes="
        (max-width: 480px) 480px,
        (max-width: 700px) 700px,
        1000px
    "
    src="heart-large-1000px.jpg" 
    alt="하트"> <!-- srcset이 설정되었다면 src 속성은 무시됨 -->
srcset 속성과 sizes 속성의 브라우저 호환성
속성
Chrome
Chrome
Edge
Edge
Firefox
Firefox
Safari
Safari
srcset 34 18 38 8
sizes 38 12 38 9.1

caniuse.com에서 더 자세한 정보를 확인해 보세요.