파비콘 및 터치 아이콘 - Webflow 도움말
Webflow 웹사이트에 파비콘과 터치 아이콘을 사용하세요.
Mr Bird
@mrbirddevWebflow 웹사이트에 파비콘과 터치 아이콘을 사용하세요.
Webflow 웹사이트에 파비콘과 터치 아이콘을 사용하세요
웹사이트를 게시할 때 가장 중요한 마무리 요소 중 하나는 브라우저 UI나 모바일 홈 화면에서 사이트를 어떻게 나타내는가입니다.
파비콘
파비콘은 대부분의 브라우저에서 브라우저 탭과 북마크에 웹사이트를 나타내는 데 사용됩니다.
터치 아이콘
터치 아이콘 또는 웹클립은 Safari의 북마크와 같은 곳에서 사용됩니다. 또한 웹사이트 링크가 스마트폰의 홈 화면에 저장될 때 나타납니다.
이미지 자산
웹 아이콘 이미지 자산을 업로드할 때, 32x32 픽셀 이미지를 파비콘으로 사용하고 256x256 픽셀 이미지를 웹클립 또는 터치 아이콘으로 사용하세요.
📄
이러한 이미지 자산의 파일 이름은 HTML에 표시되므로, 검색 엔진에 인덱싱되기를 원하지 않는 내용을 파일 이름에 포함하지 않도록 주의하세요.
아이콘 업로드
이미지 자산 준비가 완료되면:
- 프로젝트 설정 > 일반 탭 > 아이콘으로 이동하세요
- 준비한 이미지를 업로드하세요
- 변경 사항이 적용되도록 사이트를 게시하세요
- 브라우저에서 라이브 사이트를 새로고침하여 업데이트된 파비콘을 확인하세요