맞춤형 파비콘으로 브랜드를 표현하세요.

파비콘(브라우저 아이콘)은 브라우저 탭과 웹의 다른 위치에서 페이지 제목 옆에 표시되는 작은 정사각형 이미지입니다. 맞춤형 파비콘을 추가하면 탭이나 북마크가 많은 브라우저에서 사이트를 쉽게 알아볼 수 있습니다.

비디오 시청하기

파비콘 추가

파비콘을 추가하는 방법은 다음과 같습니다.

1. 파비콘 패널을 엽니다.
2. 이미지를 이미지 업로더로 끌어다 놓거나, 업로더를 클릭해 컴퓨터에서 파일을 선택합니다.
3. 선택 사항: 방문자가 다크 모드로 사이트를 볼 때 표시되는 파비콘 대체 버전을 추가합니다. 먼저 기본 파비콘을 추가해야 다크 모드 파비콘을 추가할 수 있습니다. 
4. 이미지를 업로드한 후 저장을 클릭합니다.

파비콘 디자인 모범 사례

다음은 파비콘을 디자인하고 형식을 지정할 때 따라야 할 모범 사례입니다.

• 이미지 해상도 - 파비콘은 16px x 16px 크기로 표시되지만, 다양한 브라우저에서 최적의 상태로 작동하려면 100x100px에서 300x300px 사이의 크기로 업로드하는 것이 좋습니다.
• 파일 형식 - .png 파일을 권장합니다. .icon 파일은 업로드할 수 없습니다.
• 파일 크기 - 파비콘 이미지 파일은 100KB를 초과할 수 없습니다.

파비콘 표시 방법

일반적으로 파비콘은 브라우저 탭에 나타나지만, 브라우저나 기기에 따라 다르게 표시될 수 있습니다.

• Safari에서는 주소 표시줄을 클릭하거나 여러 브라우저 탭을 열었을 때 파비콘이 표시됩니다.
• Safari는 대비감을 강조하기 위해 파비콘을 테두리 또는 배경색과 함께 표시할 수 있습니다. 테두리나 배경색은 파비콘의 밝기와 색상에 따라 라이트 모드와 다크 모드 모두에서 표시될 수 있습니다.
• 보통 모바일 브라우저에는 파비콘이 표시되지 않습니다.

파비콘을 추가하지 않으면 어떻게 되나요?

모든 Squarespace 사이트는 기본 파비콘으로 시작합니다. 나만의 파비콘을 추가하지 않으면, 아이콘을 아는 사람들은 사이트가 Squarespace 커뮤니티에 속한다는 것을 알아볼 수 있습니다.

제 사이트에 파비콘이 표시되지 않는 이유는 무엇인가요?

파비콘이 즉시 업데이트되지 않으면 브라우저 캐시를 지우고 브라우저를 다시 시작하는 것을 권장합니다. 브라우저는 캐시로 저장된 파비콘을 잘 지우지 않고 계속 유지하는 경우가 많습니다.

검색 결과에 파비콘을 표시하려면 어떻게 해야 하나요?

일부 검색 엔진은 사이트가 검색 결과에 표시될 때 파비콘을 표시할 수 있으나, 검색 엔진마다 요구 조건이 다릅니다. 예를 들어 Google은 파비콘 크기가 48px x 48px, 96px x 96px, 144px x 144px 등과 같이 배수여야 합니다.

검색 결과에 파비콘이 표시되도록 하려면 검색 엔진의 파비콘 디스플레이 권장 사항을 찾아 해당 요건을 충족하도록 이미지를 형식을 변환하세요.

다중 버전 파비콘을 업로드할 수 있나요?

아니요. 현재 다중 버전 파비콘을 사용할 수 없습니다. 파비콘을 올바르게 업로드하려면 파일에서 다른 버전을 모두 제거하고 단일 버전의 이미지만 업로드하세요.