리스트 이미지 여백관련요;;;;
본문
계속 해보고있는중입니다.
그누보드 원본파일(4일전에 받음)로 수정안하고
분류등록하고 이미지 사이지 350x350으로 설정하고 나서 리스트에서 보면
아래와같이 보여집니다.
질문게시판 검색후 is_crop=true 로 변경하면
아래와같이 나옵니다.
처음 이미지(원본이미지축소)로 보여주고 싶은데 아래 상품명과 간격이 생뚱맞게 떨어져있고,
true 로 변경한 이미지는 여백이 없어졌으나 변경전 사진과 비교했을때 원본이미지를 짤라서
가운대를 보여주니 어떤 모델인지 알수가 없습니다.
상품이미지로 올린사진의 픽셀은 740x500정도 되는 이미지입니다.
다들 이런문제로 고민하실것같은데 어떤식으로 처리하시는지 조언좀 부탁드립니다.
답변 1
제일 좋은 방법은 제품 이미지 사이즈를 보면
가로가 길고 세로가 짧은 형태의 비율입니다.
그렇다면 제일 이쁘게 나오는 방법은 썸네일도 살짝 직사각형 형태로 출력되는게 제일 좋습니다.
예를들면 740x500 이미지가 비율대로 줄어둘어서
가로 350 근사치로 보여준다고 했을 때 정확한 썸네일 비율은 350x236 입니다.
올리는 이미지 사이즈가 다 다르므로 일일히 이미지 사이즈를 최대한 동일하게 740x500 로 수정하고
썸네일 비율은 350x236 게 올려야 되긴 합니다.
중요한 포인트는 740x500 정도의 직사각형 비율이 이쁘게 보일려면
원하는 썸네일 가로 사이즈까지 줄어들었을때 가로/세로 사이즈 비율을 유지해야 이쁘게 나옵니다.
결론은 740x500 사이즈 이미지가 가로 350 으로 줄이면 350x236 이 됩니다.
썸네일 사이즈를 350x236 게 수정하고 올려보세요
