_imgTag_

           

[공통] 상품목록 이미지 사이즈 설정하기
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

    • 이 상품은 해외배송이 가능한 상품입니다

    [공통] 상품목록 이미지 사이즈 설정하기품절
    상품목록 이미지에 대해 궁금하신 분들이 많으신데요,
    이 부분에 대해서 모든 궁금점을 풀어드릴 수 있도록 하겠습니다.
    기본 정보
    [공통] 상품목록 이미지 사이즈 설정하기
    상품목록 이미지에 대해 궁금하신 분들이 많으신데요,
    이 부분에 대해서 모든 궁금점을 풀어드릴 수 있도록 하겠습니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

    카드혜택안내 미확인 입금자

    개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.
  • 상품 수량
    수량
    증가 감소
    상품 옵션
    옵션 선택

  • 수량을 선택해주세요.

    옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

    최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.

    상품 목록
    상품명 상품수 가격
    [공통] 상품목록 이미지 사이즈 설정하기 수량증가 수량감소 0 (  )
    사이즈 가이드
  • TOTAL PRICE 0 (0개)

    할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • 공급사 바로가기

판다씨 입니다.


상품목록 이미지에 대해 궁금하신 분들이 많으신데요,

이 부분에 대해서 모든 궁금점을 풀어드릴 수 있도록 하겠습니다.



* 상품이미지는 일정한 사이즈로 변경되어서 서버에 저장됩니다.


이때문에 상품 이미지의 사이즈는 정말 정확하게 설정을 해주셔야 하는데요,

우선 상품 수정 설정창으로 이동해서 확인하겠습니다.



이때 헷갈리는 수치가 있습니다.

붉은색으로 선을 그어놨는데요, 이 권장이라는 사이즈는 말그대로 권장일 뿐입니다.


* 각 명칭별 설명


상세이미지 : 상품을 클릭해서 들어갔을때 보여지는 큰 이미지 입니다. 이 이미지는 /product/detail.html 파일에서 노출됩니다.

목록이미지 : 메인페이지, 상품목록페이지, 검색페이지 등 상품을 나열하는 곳에서 사용됩니다.

작은목록이미지 : 장바구니, 결제, 위시리스트 등 상품 이미지가 작게 보여지는 곳에서 사용됩니다.

축소이미지 : 상세이미지와 세트라고 보시면 됩니다. 상세페이지에서 축소이미지에 마우스를 올리면 상세이미지가 보여지는 기능으로 연계됩니다.


* 나는 그럼 어떤 부분을 수정해야 하는가


우리는 보통 목록이미지와 상세이미지만 설정을 합니다.

다른 부분도 더 사용할 수 있겠지만 작은목록이미지와 축소이미지는 기본 설정으로 두어도 별 상관이 없습니다. 축소이미지는 목록이미지와 같게 해두시면 관리에 용이 합니다.


그럼 우리는 상세이미지와 목록이미지를 수정하는데 이 수치를 정하게는건 포토샵을 이용해야 합니다.

화면을 캡쳐해서 내 사이즈가 어떻게 되어 있는지 확인하고 그 수치를 적어주시면 가장 깨끗한 이미지로 출력할 수 있습니다.



이 이미지처럼 화면을 캡쳐해서 이 사이즈를 "목록이미지 사이즈" 에 넣어주시면 됩니다.

상세페이지 역시 마찬가지 입니다. 이 사이즈는 현재 쓰는 스킨에 가장 최적화된 사이즈를 알아내기 위함입니다.




* 위에서 알아낸 두 수치를 적어줍니다.


상품수정에에서 아래의 버튼 안내에 따라 수치를 적어주시기 바랍니다.

* 높이를 적지 않는 이유는 가로만 설정해도 세로는 알아서 저장되기 때문입니다.


* 예를 들어 가로를 300으로 지정한 상태에서 600 * 1000 사이즈의 이미지를 등록하면

* 가로 300 / 세로 500 사이즈로 자동 저장됩니다. 가로에 맞게 세로를 자동으로 읽어내기 때문입니다.





이렇게 수치를 수정하시고 나서 "반드시 이미지를 다시 등록하셔야" 수정된 이미지 사이즈가 적용되오니 

이부분 특별히 유의하시길 바랍니다.







  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

REVIEW

게시물이 없습니다

목록

후기 작성하기 모두보기

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

Q & A

게시물이 없습니다

목록

상품 문의하기 모두보기