상품 상세페이지 HTML 만들기
이미 온라인에 올라간 상품 이미지 URL을 입력하면 상세페이지에 바로 활용할 수 있는 HTML 조각을 만들어요. 생성된 마크업은 스마트스토어·오픈마켓 같은 상품 상세페이지의 HTML 입력 영역이나 에디터에 붙여 넣어 사용해요. 이미지 파일 자체를 올리는 기능이 아니라, 주소를 img 태그 형태로 바꾸는 도구예요.
만들어진 HTML에는 이미지 가운데 정렬, 최대 폭, 모바일 대응을 위한 스타일이 포함돼요. 다만 상품 상세페이지 에디터가 허용하는 HTML이나 스타일 범위에 따라 일부 형식이 달라 보일 수 있어요. HTML을 붙인 뒤 이미지 크기나 정렬이 예상과 다르면 최종 등록 화면의 미리보기에서 상세페이지 모습을 확인해요.
이 도구는 이미 등록된 이미지 URL을 HTML로 만들기 때문에 파일을 직접 넣어 결과를 만들 수는 없어요. 상품 상세페이지에서 이미지가 보이지 않거나 HTML 일부가 깨진다면 입력한 주소가 이미지 URL인지 먼저 살펴보고, 붙여 넣은 채널의 HTML 허용 범위와 스타일 적용 여부를 함께 확인해요.
- 입력 대상
- 이미 올라간 상품 이미지 URL을 입력해요.
- 생성 결과
- 가운데 정렬, 최대 폭, 모바일 대응 스타일이 포함된 img HTML 조각을 만들어요.
- 사용처
- 스마트스토어·오픈마켓 등 상품 상세페이지에 활용할 수 있어요.
- 확인할 점
- 플랫폼별 HTML 허용 범위가 다를 수 있어 최종 등록 화면에서 미리보기를 확인해야 해요.