선호하는 기호 및 촉각 이미지

Webflow 웹사이트에서 파비콘과 터치 아이콘을 사용하세요.

웹사이트를 출시할 때 가장 중요한 마지막 작업 중 하나는 브라우저의 UI나 모바일 홈 화면에 사이트를 표시하는 방법입니다.

이 세션에 포함된 내용:

  1. 상징
  2. 촉각 기호
  3. 사진자료
  4. 기호 전송

상징

기호는 대부분의 브라우저에서 브라우저 탭과 북마크에 웹사이트를 표시하는 데 사용됩니다.

Google 크롬 창에는 google.com, apple.com, youtube.com 및 wikipedia 탭이 포함되어 있습니다. Wikipedia 탭의 기호가 강조 표시됩니다.

촉각 기호

촉각 기호 또는 웹클립은 Safari의 북마크와 같은 위치에서 활용됩니다.

Safari 브라우저 창에는 12개의 촉각 기호가 포함되어 있습니다. Wikipedia 촉각 기호가 강조 표시됩니다.

이러한 기호는 웹사이트 링크가 스마트폰의 홈 화면에 저장될 때도 나타납니다. 

사진자료

업로드할 웹 기호 이미지 리소스를 준비할 때 기호로 사용할 32×32 픽셀 이미지와 웹클립 또는 촉각 기호용 256×256 픽셀 이미지를 디자인하십시오.

다이어그램에는 두 개의 Webflow 엠블럼 W 기호가 포함되어 있습니다. 치수는 화살표와 숫자로 지정됩니다. 왼쪽의 기호는 32픽셀이어야 합니다.
이러한 이미지 리소스에 사용하는 제목은 HTML에 표시되므로 검색 엔진에서 색인화하고 싶지 않은 내용을 제목에 포함하지 않도록 주의하세요.

기호 전송

이미지 리소스가 준비되면 다음을 수행합니다.

  1. 당신의 프로젝트 설정 > 일반적인  > 기호
  2. 옮기다 당신이 준비한 이미지
  3. 홍보하다 변경 사항이 적용되는 귀하의 사이트
  4. 활력을 되찾다 업그레이드된 기호를 보려면 브라우저에서 라이브 사이트를 확인하세요.
이완 막
Ewan Mak의 최신 게시물 (모두 보기)