사용자 정의 Favicon 생성하기

차례:

Anonim

나는 어떤 종류의 괴짜를 인정할 것입니다. 나는 파비콘을 정말 좋아한다. 재미 있어요. 그들은 훌륭한 브랜딩 도구입니다. 중소 기업 소유주가 사이트를 멋지게 꾸미고 사용자의 유용성을 높이기 위해 할 수있는 일은 간단합니다.

파비콘이 무엇인지 모르는 경우 도움을 제공하십시오.

$config[code] not found

파비콘은 주소 표시 줄, 사용자의 책갈피 목록 또는 브라우저 탭에서 웹 사이트를 나타내는 미니 16 × 16 픽셀 그래픽입니다. 그들은 귀하의 방문자가 귀하의 사이트와 시각적 인 연결을 만들 수 있습니다.

산뜻한! 당신은 어떻게 만드나요?

귀하의 favicon 디자인:

  • 손으로: 좋아하는 그래픽 프로그램을 열고 시작하십시오. 16 × 16 픽셀의 새 파일을 만들고 영역이 작동 가능할 때까지 확대하거나 더 큰 영역을 열어 보지만 16 × 16의 배수 일 수 있습니다. 파비콘을 손으로 디자인 할 때는 일반적인 색상 구성표, 회사 이니셜 등 자신의 브랜드를 정확하게 표현할 수있는 것을 사용하십시오. 만드는 것은 무엇이든간에 16 × 16 픽셀의 엄격한 제한을 준수해야합니다.
  • 도구 포함: 디자인에 도전한다면 (걱정할 필요도없고, 나도 마찬가지입니다.) 우리 같은 사람들이 위대한 파비콘을 쉽게 만들 수있는 훌륭한 도구가 있습니다. 예를 들어 Favicon.cc는 구조를 제공하고 사이트에서 곧바로 자신의 사이트를 만들거나 Pics의 FavIcon을 통해 사진을 업로드하고 favicon을 생성 할 수 있습니다. 단순한!

파비콘 저장: 파일을 저장할 때 16 비트로 줄이고 Photoshop을 사용하는 경우 "favicon.ico"로 저장하거나 다른 것을 사용하는 경우 "favicon.gif"또는 "favicon.png"로 저장하십시오. Photoshop을 사용하고 있고 favicon에 추가 기능을 제공하려는 경우 ICO 형식으로 저장할 수 있도록 Windows 아이콘 파일 형식 플러그인을 다운로드하는 것이 좋습니다.

favicon 업로드: 서버에 연결하고 favicon을 사이트의 루트 폴더에 업로드하십시오. 그런 다음 웹 페이지의 헤드 섹션 (두 헤드 태그 사이)에 다음 HTML 코드를 추가합니다 (파일 유형 선택).

새롭게 하다일단 끝나면 브라우저를 새로 고침하면 favicon이 나타납니다. 그렇지 않다면 몇 분만 기다려주십시오. 때로는 모든 것이 동기화되기까지 약간의 시간이 걸립니다.

그리고 그게 다야! 네 단계와 사용자가 즐겨 찾기 목록이나 브라우저에서 귀하의 사이트를 인식하는 데 도움이 될 훌륭한 브랜드 favicon이 있습니다. 아주 간단하고 맞습니까?

그냥 재미로 여기 웹에서 가장 좋아하는 favicon의 일부입니다:

  • 미시간 불꽃 놀이
  • 제프리 젤드만
  • 보잉 보잉
  • 백과 사전.com
  • Fool.com
  • 마이클 그레이의 SEO 블로그

다른 개인 즐겨 찾기?

17 코멘트 ▼