웹 FTP는 어떻게 사용하나요?
FTP란?
- File Transfer Protocol의 약자로 파일을 전송하는 데 사용해요.
- FTP를 사용할 경우 접속할 사이트 주소, 사용자 계정, 암호가 필요하며 서버에 접속하여 원하는 파일을 업로드/다운로드할 수 있어요.
※ 참고로 Internet Explorer 종료로 인한 activeX 버전의 FTP 기능은 제거되었어요.
에서 확인할 수 있어요.
웹FTP 사용하기
- 파일업로더를 사용하는 방법
- [관리자] '디자인 > 웹 FTP > 파일 업로더' 로 바로 접속
- [관리자] '디자인 > 웹 FTP > 웹 FTP 접속' 페이지 내 '파일 업로더 접속' 버튼 클릭
※ 파일 업로더는 크롬, 파이어폭스 등의 웹 브라우저에서 사용하실 수 있어요
- 클라이언트 프로그램으로 접속
FTP 서버의 폴더 구조와 파일 업로드
- 에서 추가한 스킨이 sde_design 폴더에 생성돼요.
- 기본적으로 base, mobile 폴더가 생성되어 있으며, 스킨을 추가하였다면 skin1, skin2, skin3 등의 폴더가 생성돼요.
- 쇼핑몰 관리자에서 대표디자인으로 선택한 스킨의 번호를 확인하여 해당 폴더에 필요한 HTML, CSS, 이미지 파일 등을 업로드할 수 있어요.
업로드한 파일 경로 확인
- 업로드한 파일의 경로는 'https://id(쇼핑몰 아이디).cafe24.com/폴더명/파일명.확장자명' 이에요.
- 내 쇼핑몰 서버의 '/web/upload' 폴더 안에 'image.PNG' 파일을 업로드했을 경우, 'https://id(쇼핑몰 아이디).cafe24.com/web/upload/image.PNG' 가 파일의 경로가 되어요.
Caution
- 쇼핑몰 운영에 필요한 이미지 파일을 제외한 .exe, .avi, .asp, .mod, .mp3, .mp4 파일은 업로드가 제한되거나 삭제될 수 있어요.
- 30MB 이상의 파일은 업로드가 제한되어요. (파일 개당 용량 제한이 30MB)
FTP에 이미지를 어떻게 업로드 하나요?
FTP(파일업로더)에 이미지 업로드하기
파일업로더 팝업이 뜨면 아래 순서에 따라서 이미지를 업로드해주세요.
- web 폴더 하위로 접속 (web 폴더가 없으면 새로 생성해주세요)
- web 폴더 하위로 원하는 이름의 폴더를 '영문'으로 생성해주세요
- 생성된 폴더를 클릭한 후 이미지를 드래그 앤 드롭으로 옮겨주세요
- 왼쪽 위에 있는 'Add Files' 버튼을 누르면 열려 있는 폴더도 이미지들이 업로드됩니다.
FTP에 업로드된 이미지 상품 이미지로 넣기
파일업로더에 업로드 된 이미지들을 상품 이미지로 넣는 방법이에요.
상품 등록페이지에서도 파일 업로더를 열고 새로운 이미지 업로드도 할 수도 있어요.
- 으로 이동해요.
- 상품명, 판매가 등 다양한 상품 정보를 입력하고, 상품의 상세 설명 이미지 등록을 위해
'상품상세설명'의 '파일업로더' 버튼을 클릭해주세요 - '파일업로더' 버튼 클릭 시 FTP에 있는 이미지를 등록할 수 있는 팝업이 나타나요.
- FTP에 업로드해 놓았던 상세 이미지의 경로를 찾아 선택 후 '이미지적용' 버튼을 클릭해주세요.
- '상품상세설명' 영역에 FTP에 업로드했던 이미지가 삽입된 것을 확인할 수 있어요.
- 위와 같은 방법으로 '이미지 정보' 영역의 이미지들도 '파일업로더'를 선택하여 등록할 수 있어요.
- 모든 상품 정보를 입력한 후 페이지 하단의 '상품 등록'을 클릭해주세요.
FTP에 등록한 이미지를 오픈마켓(G마켓, 11번가, 옥션, 스마트스토어 등)에서도 사용하고 싶어요.
오픈마켓 등 외부 사이트에서 이미지 사용
카페24 FTP에 등록한 이미지는 오픈마켓 이미지노출 또는 이미지호스팅 플러스를 이용하시면, 오픈마켓이나 외부 사이트에서도 사용할 수 있어요.
구분 | 오픈마켓 이미지노출 | 이미지호스팅 플러스 |
금액 | 유료 | 유료 |
사용 범위 | 쇼핑몰 + 외부 사이트 (오픈마켓 등) | 쇼핑몰 + 외부 사이트 (오픈마켓 등) |
용량 | 무제한 | 10GB |
트래픽 | 500GB (추가 가능) | 500GB (추가 가능) |
사용 이미지 | 쇼핑몰에 업로드한 이미지 사용 | 별도 이미지 업로드 후 사용 |
HTML 파일 | 외부 사이트 지원하지 않음 | 외부 사이트 지원함 |
접속통계 | 제공함 | 제공함 |
등록된 이미지 사용 방법
오픈마켓, 외부 사이트에서 이미지 사용 시 이미지 경로명은 다음과 같이 지정하면 돼요.
- 마켓플러스를 사용하지 않는 쇼핑몰
- 오픈마켓 이미지노출 : https://쇼핑몰ID.openhost.cafe24.com/폴더명/파일명.확장자명
- 이미지 호스팅 플러스 : https://쇼핑몰ID.imghost.cafe24.com/파일명.확장자명
- 마켓플러스를 사용하는 쇼핑몰
- 오픈마켓 이미지노출 이용 고객의 경우 아래 조건으로 자동 치환돼요.
- 기본 도메인, 대표 도메인을 사용하는 경우
' https://쇼핑몰ID.openhost.cafe24.com/폴더명/파일명.확장자명' 로 자동 치환돼요. - 다른 도메인을 사용하는 경우 치환되지 않아요.
- 기본 도메인, 대표 도메인을 사용하는 경우
- 오픈마켓 이미지노출 이용 고객의 경우 아래 조건으로 자동 치환돼요.
오픈마켓 이미지노출 신청 및 이용 방법이 궁금해요.
오픈호스팅 신청 방법
※ 오픈호스팅 서비스는 카페24 쇼핑몰 관리자 FTP에 등록한 이미지를 외부(블로그, 카페, 오픈마켓 등)에 노출할 때 이용하는 서비스에요.
마켓플러스 메뉴를 통해 상품을 전송할 경우 이미지 경로에 자동으로 openhost 주소가 치환되어 전송되지만, 마켓플러스로 오픈마켓에 전송하는 것이 아니라 외부에 이미지를 노출하려면 openhost.cafe24.com으로 수정 후 이용해야 해요.
-
으로 이동해주세요. - 오픈호스팅을 이용할 기간을 선택하고 '
' 버튼을 클릭해주세요. - 부가서비스 이용 금액 결제 페이지가 나타나면 원하는 결제 수단을 선택하고 세금계산서 혹은 현금영수증 신청 정보 입력 후 결제를 진행해주세요.
가상계좌로 결제 시 휴대폰 번호로 가상계좌번호가 발송되니 반드시 정확한 휴대폰 번호를 입력해야 해요.
- 서비스 신청 완료 시 아래 문구가 나타나요.
- '오픈마켓 이미지노출 서비스신청이 완료되었습니다.'
- '오픈마켓 이미지노출 서비스신청이 완료되었습니다.'
-
해당 계좌 정보로 입금자명을 동일하게 입력하여 입금해주세요.
에서 '입금계좌정보'를 클릭하면 입금할 가상 계좌 정보를 확인할 수 있어요.
오픈호스팅 이용 방법
- 쇼핑몰 관리자 '
으로 이동해요. - '상품 상세 설명'에서 '이미지 삽입' 아이콘을 클릭해 이미지를 등록할 수 있어요.
※ '다중 이미지 삽입' 아이콘을 클릭하면 여러 이미지를 일괄 등록할 수 있고, '파일 업로더' 아이콘을 클릭하면 FTP에 등록된 이미지를 불러올 수 있어요.
'코드 보기' 아이콘 클릭 시 이미지 경로를 확인할 수 있어요. 상품 상세 설명에 이미지 등록 시 아래와 같이 상대 경로로 등록돼요.- 상대경로: 현재 사이트를 기준으로 경로를 인식해요. 이미지 업로드 후 현재 사이트(쇼핑몰)에서만 이용할 경우 상대 경로로 이용할 수 있어요.
예시) <img src="/imgs/logo.png"> - 절대경로: 연결하려는 파일 URL을 전체 사용하며 http:// 부분이 포함되어 있어요.
예시) <img src="http://cafe24test.cafe24.com/imgs/logo.png">
- 상대경로: 현재 사이트를 기준으로 경로를 인식해요. 이미지 업로드 후 현재 사이트(쇼핑몰)에서만 이용할 경우 상대 경로로 이용할 수 있어요.
- 상대경로로 등록된 상품을 마켓플러스로 전송하면 오픈호스팅 경로로 자동 치환되어 별도 수정이 필요하지 않아요.
오픈호스팅 경로: https://운영자ID.openhost.cafe24.com (운영자 ID에는 쇼핑몰 관리자로 로그인하는 아이디를 입력해주세요.)- 오픈호스팅 경로로 입력하지 않은 경우: <img src="http://example.com/img/image01.jpg">
- 오타/ 뒤에 . 이 추가로 입력된 경우: <img src="openhost.example.cafe24.com/img/image01.jpg."/>
- 이미지 경로 일부 글자 누락: <img src="openhost.example.cafe24.com/img/image01.jp">
- 확장자 대/소문자 구분: <img src="openhost.example.cafe24.com/img/image01.JPG">
FTP에 파일 업로드가 되지 않아요.
업로드가 가능한 파일 확장자
- 쇼핑몰 관리자 내 파일업로더 : JPG, JPEG, PNG, GIF, BMP, HTML, CSS, JS, EOT, WOFF, TTF, OTF
- FTP 클라이언트 버전(파일질라 등) : GIF, JPG, JPEG, PNG, SWF, HTML, JS, CSS, TXT, XML, EOT, WOFF, TTF, WOFF2, OTF, SVG, CUR, ICO
왜 파일 확장자를 제한하나요?
상품과 관련이 없는 파일의 업로드 방지 목적으로 정해진 확장자의 파일만 업로드할 수 있도록 제한하였어요.
Info
- 각각 업로드 가능한 확장자가 다르기 때문에 필요한 파일이 파일업로더로 업로드가 어려운 경우 클라이언트 프로그램을 통해 업로드해 주세요.
- 웹폰트 파일 (확장자 TTF나 OTF 등)의 경우 파일업로더 통해서도 업로드가 가능해요.
- FTP에 업로드할 파일 이름에 한글, 특수기호가 포함되어 있으면 이미지가 정상 노출되지 않을 수 있어요.