[워드프레스] 우커머스 상품 이미지 크기를 변경하는 방법

Last Updated: 2023년 07월 19일 27개 댓글

우커머스(WooCommerce) 상품 이미지가 너무 작거나, 흐리거나 혹은 너무 큰 경우 업로드한 상품 이미지가 우커머스 상품 이미지 설정과 맞지 않기 때문입니다. 이 경우 아래 절차를 참고로 상품 이미지 크기를 조정하시기 바랍니다.

워드프레스 관리자 페이지(대시보드)의 사이드바에서 우커머스 > 설정을 클릭합니다.

그러면 우커머스 설정 페이지가 표시됩니다. 맨 위에서 두 번째 탭인 "상품" 탭을 누르고 "표시하기"를 선택합니다. 그러면 아래와 같은 화면이 표시됩니다.

워드프레스 우커머스 상품 이미지 크기 변경하기

그림에서 아래의 "상품 이미지" 부분에서 상품 이미지 크기를 변경할 수 있습니다.  카탈로그 이미지, 단일 상품 이미지, 상품 썸네일 크기를 조정할 수 있습니다.

업로드하는 상품 이미지의 크기가 여기에서 입력하는 값에 따라 크기가 재조정됩니다. 만약 "원본 비율 무시"를 누르면 설정한 크기로 강제로 변경되며 이미지가 왜곡되지 않고 잘리게 될 것입니다.

최소 권장 폭(Width)는 500px이며 높이(Height)는 비워두는 것이 좋습니다. (높이 값을 입력하면 이미지가 잘릴 수 있습니다.)

설정을 변경한 후에 맨 아래의 "변경 사항 저장"을 클릭하면 변경한 값이 저장됩니다. 테스트를 해보니 설정을 변경하고 저장하니 곧바로 상품 그림 크기가 변경되네요. 만약 변경되지 않으면 Regenerate Thumbnails 플러그인을 다운로드하여 설치한 후에 썸네일을 다시 생성하면 상품 썸네일이 다시 생성되어 크기가 변경될 것입니다.

업데이트:

이 글을 작성한 후에 우커머스가 업데이트되면서 일부 메뉴가 사용자 정의하기 페이지 아래로 이동했습니다. 제품 이미지 옵션은 테마 디자인 > 사용자 정의하기 > 우커머스 > 제품 이미지를 클릭하여 접근할 수 있습니다.

우커머스 상품 이미지 조정하기

참고:


27 개 댓글

Leave a Comment

  1. 안녕하세요 워드님

    저도 비슷한 문제를 겪고있습니다.
    ### Deleted Personal Information ###

    상품 메인 이미지가 흐려지는 현상인데, 노트북이나, 테블릿 pc에서 볼 때는
    원래의 화질로 표시됩니다. 그러나 데스크탑 pc (조금 큰 모니터)로 볼 때는 상품 이미지가 흐려지는데요.

    말씀해주신 방법 중 제품 이미지 옵션은 테마 디자인 > 사용자 정의하기 > 우커머스 > 제품 이미지 이 방법을 사용 해 볼수 있을 것 같은데
    사용자 정의하기 탭에 [우커머스] 버튼이 없습니다.

    이미지 원본 크기의 문제일까요? 구글에서 여러가지 방법을 찾아보다 안되어 글을 남깁니다.

    응답
  2. ftp로 올려도 똑같은현상이 일어나는거 같습니다.

    혹시 워드프레스 갤러리에 올릴때 사이즈 리사이징 되지않고 원본으로 그대로 올릴수있는 방법이 있을까요 ?

    응답