Notion 페이지를 웹사이트로 공개했는데 브라우저 탭에는 여전히 기본 Notion 로고나 빈 사각형 아이콘이 표시되는 경우가 있습니다. Notion 사이트는 페이지 아이콘을 favicon으로 사용하지만, 아이콘을 올바르게 설정한 경우에만 적용됩니다. Notion 사이트에 사용자 지정 favicon을 적용하는 방법은 다음과 같습니다.
사전 준비 사항
- 사이트가 공개된 Notion 계정(Public page 또는 Notion Site).
- 아이콘으로 사용할 이미지 파일(정사각형 PNG 또는 JPG, 최소 64x64 픽셀 권장).
- 선택 사항: Notion 사이트에 연결할 사용자 지정 도메인(브랜드 URL용).
단계별 안내: Notion 사이트의 favicon 설정
- desktop app 또는 web browser에서 Notion 페이지를 엽니다. 편집 모드인지 확인합니다.
- 페이지 제목에 마우스를 올려 Add icon 버튼을 클릭하거나, 기존 아이콘을 클릭합니다.
- Upload 탭을 선택한 뒤 파일을 골라 이미지를 업로드합니다. Notion이 이 이미지를 페이지 아이콘으로 사용합니다.
- 사이트를 게시하거나 업데이트합니다. Notion Sites를 사용한다면 Share > Publish를 클릭하고 확인합니다. Public page를 사용한다면 Share to web만 켜면 됩니다.
- 새 브라우저 탭에서 사이트 URL을 열어 favicon을 확인합니다. 몇 초 안에 아이콘이 표시되어야 합니다. 표시되지 않으면 hard refresh(Ctrl+F5 또는 Cmd+Shift+R)를 시도합니다.
여기까지 하면 Notion이 자동으로 페이지 아이콘을 사이트의 favicon으로 사용합니다. 별도로 favicon을 업로드하는 항목은 없습니다.
사용자 지정 도메인 사용하기
Notion 사이트에 사용자 지정 도메인을 연결한 경우에도 favicon은 페이지 아이콘을 사용합니다. 추가 단계는 필요하지 않습니다. Notion 설정에서 도메인이 올바르게 구성되었는지만 확인하면 됩니다.
흔한 문제
- 아이콘이 업데이트되지 않을 때: 브라우저는 favicon을 강하게 캐시합니다. 캐시를 삭제하거나 incognito window에서 테스트해 보세요. 자세한 내용은 favicon 캐시 삭제 안내에서 확인하세요.
- 아이콘이 흐리게 보일 때: 최소 64x64픽셀 크기의 정사각형 이미지를 사용하세요. 더 큰 이미지(예: 256x256)는 축소할 때 더 선명하게 표시됩니다.
- 모바일에서 아이콘이 표시되지 않을 때: Notion 사이트는 모바일 홈 화면에 favicon을 표시하지 않을 수 있습니다. 더 안정적인 아이콘 구성을 원한다면 custom domain과 web manifest를 사용하는 방법을 검토해 보세요.
- 이모지를 아이콘으로 사용할 때: Notion에서는 이모지를 페이지 아이콘으로 사용할 수 있습니다. 이모지도 favicon으로 표시되지만 브라우저에 따라 일관되게 렌더링되지 않을 수 있습니다. 전문적인外观을 위해 custom image를 업로드하세요.
favicon 형식과 모범 사례를 더 자세히 알아보려면 favicon 안내를 확인하세요.
결론
Notion 사이트에 favicon을 설정하는 일은 간단합니다. 페이지 아이콘만 설정하면 됩니다. 정사각형 이미지를 준비하고 새로고침하면 사이트 탭에 알아보기 쉬운 아이콘이 표시됩니다. 다른 플랫폼용 favicon 크기를 여러 개 생성해야 한다면 Mzu favicondl을 사용해 완전한 아이콘 세트를 만들어 보세요.
문서화된 요구 사항 확인
HTML Standard는 rel='icon'을 현재 페이지를 나타내는 아이콘의 link relationship로 정의합니다.