파비콘 (favicon)이라고도 하는 사이트 아이콘은 웹사이트를 나타내는 고유 아이콘입니다. 이 가이드에서는 사이트에 사이트 아이콘을 추가하는 방법을 보여드립니다.
사이트 아이콘은 다음을 포함한 여러 위치에 표시됩니다.
- 워드프레스닷컴 알림판의 사이트 이름 옆.
- 방문자의 브라우저 탭.
- 누군가가 브라우저에서 사이트를 북마크할 때 사용되는 아이콘.
- 검색 결과.
- 브라우저 또는 스마트폰에 저장할 때 사용되는 홈 화면 앱 아이콘.
다음은 몇 가지 예입니다.
사이트에 사이트 아이콘을 업로드하려면 다음 단계를 따르세요.
- 사이트의 알림판을 방문합니다.
- 설정 → 일반으로 이동합니다.
- “사이트 아이콘” 옆에 있는 “사이트 아이콘 선택” 버튼을 클릭합니다.
- 다음과 같은 작업을 수행할 수 있는 사이트 미디어 패널이 열립니다.
- “미디어 라이브러리” 탭에서 기존 이미지를 선택합니다.
- 이 가이드라인에 따라 “파일 업로드” 탭에서 새 이미지를 업로드합니다.
- 이미지를 선택한 후 미디어 패널의 오른쪽 하단에 있는 “사이트 아이콘으로 설정” 버튼을 클릭합니다.
- 이미지가 이미 완벽한 정사각형이면 사이트 아이콘이 설정됩니다.
- 이미지가 완벽한 정사각형이 아닌 경우 이미지를 자르는 옵션이 제공됩니다(이 단계는 건너뛸 수 없음). 자를 정사각형 영역을 선택하면 “이미지 자르기” 버튼을 클릭하여 넘어갑니다.
- 사이트 아이콘이 선택되거나 잘리면 페이지 하단의 “변경사항 저장” 버튼을 클릭하여 사이트 아이콘을 저장합니다.
사이트 아이콘의 이미지 파일은 다음 기준을 충족해야 합니다.
- 종횡비: 정사각형 이미지를 업로드합니다.
- 크기: 최소 512 x 512픽셀.
- 파일 형식: PNG 및 SVG 이미지 파일 형식이 가장 일반적입니다. 유효한 파비콘 형식이 모두 지원됩니다.
다음은 몇 가지 실행 가능한 팁입니다.
- 단순하게 유지하세요. 공간이 넉넉하지 않음을 기억하세요!
- 알아보기 쉽게 만드세요. 활용 가능한 작은 공간에서 브랜드를 최대한 잘 표현해 보세요. 작은 정사각형이 아닌 로고를 사용하는 데 익숙하다면 원본 전체를 불필요하게 줄이는 대신 해당 로고를 떠올리게 만들어 보세요.
- 텍스트나 문자를 최대한 적게 사용하세요. 파비콘(favicon)은 작은 이미지입니다. 평소 사용하는 로고에 회사 이름이 명시되어 있더라도 파비콘은 간결하게 만드세요.
- 색상에 대해 생각해 보세요. 웹 브라우저마다(예: Google Chrome, Safari 및 Edge) 다른 색상 팔레트가 사용됩니다. 다크 모드의 인기가 높아지고 있으니 어떤 브라우저에서든 파비콘이 멋져 보이게 만드는 것이 좋습니다. 흰색, 회색 및 검은색 배경에서 파비콘 모양이 보기 좋고 눈에 잘 띄는지 확인하세요.
사이트 아이콘을 제거하는 방법은 다음과 같습니다.
- 사이트의 알림판을 방문합니다.
- 설정 → 일반으로 이동합니다.
- 현재 미리보기 이미지 아래의 “사이트 아이콘” 옆에 있는 “사이트 아이콘 제거” 버튼을 클릭합니다.
지원 