파비콘 Favicon 은 웹브라우저에 표시되는 작은 아이콘. (Favorite icon의 줄임말)
워드프레스에서는 “사이트 아이콘” 메뉴에서 설정.
웹브라우저 상단의 탭, 북마크바, 검색 기록 등에 표시(브라우져별로 다름)가 되며, 스마트폰 바탕화면에 앱아이콘처럼 표시 가능.
1. 파비콘 만들기
파비콘은 512px의 정사각형 이미지 사이즈를 권장합니다. 형식은 jpg, gif, ico, jpg, svg 등이 가능합니다.
- jpg나 png로 추천.
- 512 x 512 픽셀로 제작
- 로고 또는 사이트를 표현하는 이미지로 심플하고 잘 보이게 제작
2. 워드프레스에서 설정하기
워드프레스에서는 왼쪽 메뉴의 [외모] – [사용자 정의하기] – [일반 설정] – [사이트 ID] – 사이트 아이콘 선택에서 이미지를 업로드 또는 미디어에서 선택하면 됩니다.
여기서 워드프레스에서는 최소 512 x 512를 권장한다고 쓰여있습니다. 더 큰 이미지를 올리면 자르기 페이지로 넘어가 자동으로 자르게 설정이 되어 있습니다. 구글의 가이드 라인에 의하면 48의 배수를 추천한다고 하는데 그러면 528px로 제작되어야 하나 워드프레스에서는 일단 512px로 등록이 되게끔 되어 있습니다.
워드프레스에서 512px로 하나, 별도로 태그와 함께 528px로 하나 아무 상관이 없이 잘 됩니다. 🙂
구글에서의 가이드 라인은 아래와 같으니 참고 하십시오.
위 내용은 https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ko 에서 확인 가능하며,
워드프레스가 아닌 경우 사이트 헤더에 태그로 파비콘을 추가하는 방법을 알 수 있습니다.
3. 파비콘 활용 보기
스마트폰 배경화면에 사이트 바로가기를 해놓으면 파비콘이 앱 모양으로 됩니다.
워드프레스 관련 글