카페24 파비콘 변경 방법 (즐겨찾기 아이콘)

카페 24 쇼핑몰에서 파비콘 설정하는 방법을 정리합니다.
파비콘 만드는 방법은 아래 포스팅에서 확인 가능합니다.

파비콘 ico 파일 간단 생성 방법

파비콘 ico 파일 간단 생성 방법

파비콘 설정 전

크롬 브라우저 파비콘 설정 전

파비콘 설정 후

크롬 브라우저 파비콘 설정 후

1. 파비콘(favicon)이란?

즐겨찾기(favorites)와 아이콘(icon)의 합성어로 파비콘(favicon)또는 패비콘이라 합니다.

크롬 브라우저 파비콘 예시

파비콘은 해당 웹사이트를 대표하는 아이콘으로 위와 같이 웹 브라우저상에서 주소창 및 즐겨찾기 항목 등에 표시됩니다.

2. 파비콘 설정하기

쇼핑몰 관리자 센터에서 '프로모드'로 이동합니다.

cafe24 스마트모드 좌측 상단

위와 같이 '스마트 모드'일 경우 좌측 상단의 스위치를 통해서 '프로모드'로 전환합니다.

cafe24 파비콘 설정 순서

파비콘 설정 순서

1. 상단 디자인 관리 항목을 클릭합니다.
2. 좌측 디자인 기능 설정 항목을 클릭합니다.
3. 좌측 쇼핑몰 알리미 항목을 클릭합니다.
4. 중앙 화면의 파비콘 설정 탭을 클릭합니다.
5. 파일 선택 버튼을 클릭하여 파비콘으로 등록할 파일을 선택해줍니다.
   (파일은 ico 확장자이며, 크기는 가로 세로 16px*16px이어야 합니다.
6. 저장버튼을 클릭하여 저장해줍니다.  

3. 설정 확인

자신의 쇼핑몰 주소로 접속해보면 아래와 같이 브라우저 상단에 변경된 파비콘을 확인할 수 있습니다.

마이크로소프트 엣지 브라우저 상단 파비콘 확인