가이드

Squarespace에 파비콘을 추가하는 방법

Squarespace는 파비콘을 Browser Icon(때때로 Site Icon)라고 부릅니다. Design 설정에서 정사각형 PNG를 업로드하면 Squarespace가 올바른 <link> 태그를 삽입합니다. 표준 계획에는 코드가 필요하지 않습니다.

Quick answer

To add a favicon in Squarespace, go to Design → Site Styles → Browser Icon, upload a square 512×512 PNG, save, and publish — use the Favicon Generator to create the file and the Favicon Checker to verify it loads on your live domain.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Squarespace 대시보드를 열고 Design → Site Styles → Browser Icon(일부 버전: Settings → Website → Browser Icon)로 이동합니다. 정사각형 PNG 업로드 - Squarespace는 최소 100×100을 허용하지만 축소 후 512×512가 가장 선명한 결과를 제공합니다.

Favicon Generator를 사용하여 로고에서 정사각형 PNG를 내보낸 다음 Browser Icon 패널에 업로드하세요. Squarespace는 모든 페이지에서 CDN의 아이콘을 자동으로 제공합니다.

저장한 후 사이트를 게시하거나 새로 고치고 비공개 창에서 라이브 도메인을 엽니다. 브라우저는 파비콘을 많이 캐시합니다. 여전히 기존 아이콘이 표시되면 새로 고치거나 파비콘 URL에 ?v=2를 한 번 추가하세요.

Squarespace 파비콘이 표시되지 않는 경우 Favicon Checker를 통해 라이브 URL을 실행하여 Browser Icon 경로가 200을 반환하는지 확인하세요. 문제 해결 가이드가 표시되지 않는 파비콘은 Squarespace 사이트에도 영향을 미치는 캐시, CDN 및 경로 문제를 다룹니다.

Google Search에는 홈페이지에서 링크된 최소 48×48 크기의 크롤링 가능한 아이콘이 필요합니다. 탭 아이콘이 작동하지만 Google에서 여전히 비어 있거나 오래된 파비콘을 표시하는 경우 Google 파비콘 요구 사항 가이드를 참조하세요.

Squarespace는 Browser Icon 필드의 .ico 업로드를 허용하지 않습니다. PNG를 사용하세요. 도메인 루트에서 별도의 favicon.ico를 사용하려면 맞춤 코드 또는 외부 리디렉션이 포함된 비즈니스 계획이 필요합니다.

작동 방식

  1. 1

    Create a square PNG

    Export 512×512 from your logo with the Favicon Generator.

  2. 2

    Browser Icon 업로드

    Design → Site Styles → Browser Icon → 업로드하고 저장하세요.

  3. 3

    게시 및 확인

    비공개 창에서 라이브 사이트를 열거나 Favicon Checker를 실행하여 아이콘 로드를 확인하세요.

지금 사용해 보기

Generate a Squarespace-ready favicon

파비콘 생성기

자주 묻는 질문

Squarespace에 파비콘을 어떻게 추가하나요?+

Design → Site Styles → Browser Icon로 이동하여 정사각형 PNG(512×512 권장)를 업로드하고 저장한 후 게시하세요. Squarespace는 <link rel="icon"> 태그를 추가합니다.

Squarespace 파비콘의 크기는 어떻게 되나요?+

Squarespace는 100×100만큼 작은 이미지를 허용하지만 선명한 탭, 북마크 및 Google Search 자격을 위해 512×512 PNG를 업로드합니다.

내 Squarespace 파비콘이 표시되지 않는 이유는 무엇입니까?+

일반적인 원인: 변경 사항이 게시되지 않았거나, 브라우저 캐시가 있거나, 라이브 도메인 대신 준비 미리 보기가 표시되는 경우입니다. 시크릿 창에서 새로고침하거나 테스트하세요.

Squarespace의 파비콘 설정은 어디에 있나요?+

Design → Site Styles → Browser Icon. 이전 대시보드에서는 Settings → Website → Browser Icon 또는 Site Icon 아래에 나타날 수 있습니다.

Squarespace에서 ICO 파일을 사용할 수 있나요?+

내장된 Browser Icon 업로더의 경우 아니요 - PNG를 사용하세요. ICO는 적격 요금제에서 맞춤 코드 삽입을 통해서만 가능합니다.

관련 도구

더 많은 가이드

가이드