상세페이지에 html 코드로 이미지를 삽입하는 방법 알려주세요!

상세페이지에 html 코드로 이미지를 삽입하는 방법 알려주세요!

작성일 2021.08.05댓글 2건
    게시물 수정 , 삭제는 로그인 필요

안녕하세요! 제가 스마트스토어, 오픈마켓을 운영하고 있는데
포토샵으로 상세페이지를 제작해서 올려놓고 판매를 하고 있었습니다.

그런데 이미지를 자세히 보니 너무 흐릿하게 나와서 글씨들이 잘 안 보이더라구요!
그래서 html 코드를 사용해서 올리게 되면 흐릿함이 덜하지 않을까 하고 질문 드려요.

코드 소스와 예시를 자세하게 올려주실 수 있을까요 ..?



profile_image 익명 작성일 -

안녕하세요.

일단 이미지가 흐릿하게 나오는 것은 이미지 자체의 문제 일수도 있습니다. 스마트스토어나

오픈마켓 에서 권장하는 이미지 사이즈나 포맷 등의 차이로 그럴수도 있으니 그 부분은 따로

알아 보셔야 할거 같습니다.

html 코드로 이미지를 올리기 위해서는 해당 이미지가 어딘가에 저장 되어 있어야 합니다.

지금까지는 이미지를 업로드 하셨잖아요? 이미지를 업로드 하면 해당 서비스 (, 지마켓 등)

의 서버에 이미지가 업로드 되고 그 링크가 걸리게 되는데요.

html로 이미지를 표시 할려면 그 전에 저장소에 업로드 한 후에 그 링크를 태그로 작성 해야 합니다.

지금은 잘 모르겠으나 저는 예전에 옥션, 지마켓에서 제공하는 이미지 서버에 업로드 후 링크를 사용했습니다.

<img src="이미지주소"/>

태그 기본 사용법은 위와 같습니다.

공식 문서는 https://developer.mozilla.org/ko/docs/Web/HTML/Element/img

참고 하시고요.

도움이 되셨다면 답변확정부탁드려요.

감사합니다.

profile_image 익명 작성일 -

안녕하세요!! 5개월 정도가 지난 지금 이게 필요하실진 모르겠지만 그래도 적어놓고 갑니다.

<body> 태그와 </body> 태그 사이에

<img src = "이미지 주소.확장자"/> 라고 쓰시면 되요

예를 들어서 html 파일이 있는 폴더에 jpg 사진이 함께 들어있다면

<img src = "이미지 이름.jpg"/> 이런 식으로 쓰시면 되고

보통 이런 방법을 많이 쓰는데

html 파일이 있는 폴더 안에 img라는 폴더를 만들어서

<img src = "img/이미지 이름.jpg"/>

라고 많이 사용합니다.

상세페이지에 html 코드로 이미지를...

... 상세페이지를 제작해서 올려놓고 판매를 하고 있었습니다. 그런데 이미지를 자세히 보니 너무 흐릿하게 나와서 글씨들이 잘 안 보이더라구요! 그래서 html 코드를...

상세페이지 html이미지 올리는 방법...

옥션 상품 상세페이지 html이미지 올리는 방법알려주세요!! 이미지 클릭하면 새창이 뜨면서,상세이미지 뜨게 하는걸 하고 싶어요ㅠㅠ 지식인 찾아 보니까, 계정이 있어야...

버튼 삽입 HTML 코드 수정요청

... 버튼을 삽입하고 싶은데, 현재 이미지는 나오는데 클릭시에 다음페이지로 연결되지 않고... HTML코드 //<![CDATA[ var currentUrl = window.location....