UTILS.
100% 브라우저 내 실행

이미지 srcset 생성기

경로와 너비 목록으로 srcset과 sizes를 포함한 반응형 <img> 태그를 생성합니다.

— 여기에 결과가 표시됩니다 —

이 도구에 대하여

기본 이미지 경로와 너비 목록으로 srcset 및 sizes 속성을 포함한 반응형 <img> 태그를 만듭니다. 마크업은 브라우저에서 로컬로 생성됩니다.

자주 묻는 질문

srcset URL은 어떻게 이름이 정해지나요?
각 너비는 path-640w.jpg 같은 URL과 일치하는 640w 서술자를 생성하며, 이는 반응형 이미지 변형에 흔히 쓰이는 명명 규칙입니다.
크기를 조정한 이미지를 직접 만들어야 하나요?
네. 이 도구는 마크업을 생성할 뿐이며, 나열된 각 너비에 맞는 실제 크기 조정 이미지 파일은 직접 만들어야 합니다.

더 많은 도구