가이드

Webflow용 파비콘

Webflow는 프로젝트 설정에 파비콘을 저장하고 게시된 모든 페이지의 CDN에서 제공합니다. 32×32 PNG 또는 ICO 정사각형을 업로드하세요. 그렇지 않으면 256×256+ 소스 Webflow가 축소됩니다.

프로젝트 → 프로젝트 설정 → 일반 → 파비콘을 엽니다. Webflow는 PNG, ICO 또는 GIF를 허용하고 게시 시 올바른 <link rel="icon"> 태그를 삽입합니다.

Retina 탭 및 iOS 홈 화면 설치의 경우 계획에 따라 <head>에 삽입이 허용되는 경우 사이트 설정의 사용자 정의 코드를 통해 apple-touch-icon 및 PWA 아이콘도 추가하세요.

작동 방식

  1. 1

    정사각형 파비콘 생성

    파비콘 생성기를 사용하여 .ico와 180×180 apple-touch-icon를 내보냅니다.

  2. 2

    프로젝트 설정 → 파비콘

    PNG 또는 ICO를 업로드하세요.

  3. 3

    게시

    Webflow는 사용자 정의 도메인의 모든 페이지에 아이콘을 푸시합니다.

지금 사용해 보기

Webflow 지원 파비콘 생성

파비콘 생성기

자주 묻는 질문

Webflow는 어떤 파비콘 크기를 사용합니까?+

32×32가 업로드 대상이지만 256×256 또는 512×512부터 시작하므로 축소가 선명하게 유지됩니다.

내 Webflow 파비콘이 업데이트되지 않는 이유는 무엇입니까?+

자산을 변경한 후 사이트를 게시하세요. 브라우저는 파비콘을 캐시합니다. 강제로 새로 고치거나 사용자 정의 코드의 URL에 ?v=2를 추가합니다.

Webflow에서 SVG 파비콘을 사용할 수 있나요?+

내장 업로더에는 래스터 형식이 필요합니다. 벡터 + 다크 모드가 필요한 경우 프로젝트 설정 → 사용자 정의 코드 → 헤드에서 사용자 정의 코드를 통해 SVG를 추가하세요.

관련 도구

더 많은 가이드

가이드

FetchFavicon 탐색

카테고리

변환기

유용

가이드

튜토리얼