파비콘 만들기, 적용 본문
파비콘 만들기, 적용
파비콘 만들기, 적용 방법입니다.블로그나 홈페이지를 상징하는 작은 이미지를 브라우저 주소줄 앞에 혹은 댓글에서 글쓴이 이름 앞에 나타나게 해주는 파비콘 만들기와 적용을 프로그램없이 해결해보겠습니다.직접 색상을 골라 도트를 하나하나 찍어 제작하는 방법과 내컴퓨터에 있는 이미지를 불러와 제작하는 방법이 있는데 이미지를 불러올 경우도 도트로 색깔을 찍을수 있습니다.
파비콘만들기를 해주는 사이트가 여러군데 있는데 소개해드릴곳은 favicon.cc(바로가기)로 사용법도 간단하고
앞서 설명드린대로 직접 만드는것과 내컴의 이미지 업로드해서 만드는것 2종류를 지원합니다.
다른 사이트도 거의 비슷한 방법으로 제공하고 있으니 이곳만 제대로 아시면 타사이트에서도 어려움없이 이용이 가능할겁니다.
파비콘 만들기를 직접 바둑판 모양에 하나하니 찍어 만드는 방법을 알아보는데 컬러픽커에서
색상을 선택후 위와 같이 마우스로 콕콕 찍어가시면 됩니다.Last Used Colors는 최근에 사용한 6개의
색상을 저장하고 있어 혹시 이전 색상을 써야 하는데 생각이 안날때 유용합니다.
색상의 투명도도 선택할수 있는데 사각형 컬러피커 아래의 Transparency 부분의 게이지를
좌우로 드래그해 조절하시면 되는데 조절후에 색상을 찍어보면 붉은색 사각형으로 표시된
것처럼 아래 배경이 보이는 투명이 적용됩니다.참고로 오른쪽으로 갈수록 투명도가 높아집니다.
이번엔 Last Used Colors아래의 3가지 옵션을 설명드리는데 transparent에 체크를 한후
왼쪽에 찍어준 색상을 클릭하면 색상이 없어지게 되며 pick existing color에 체크하고 마우스로 특정 부분을 클릭하면
특정 부분의 색상값을 추출해낼수 있습니다.move에 체크하면 왼쪽에 찍어준 부분을 이동시킬수 있습니다.
지금까지는 직접 일일이 찍어 제작하는 방법을 알아보았고 이번엔 이미지를 업로드해서 제작하는 방법을 알아보겠습니다.
왼쪽에서 Import Image버튼을 클릭후 오른쪽에서 찾아보기 버튼을 눌러 내컴의 이미지를 선택해 주시면 됩니다.
하단의 'Keep~' 옵션은 축소할때 가로와 세로를 정비례로 하고 'Shrink~'는 무조건 사각형으로 만들어줍니다.
이미지 업로드가 끝났으면 찾아보기 버튼옆에 업로드한 이미지의 파일명이 표시되는데 파일명이 나와야
정상적으로 업로드된걸 의미하니 꼭 확인을 해주셔야 하며 확인후에 하단의 Upload버튼을 눌러주시면 됩니다.
Upload버튼을 눌러주면 화면이 바뀌면서 직접 손으로 제작하는 화면으로 이동하게 되는데
앞서 설명드렸듯이 추가로 색상을 추가하거나 없애는 수정이 가능하며 미리보기의 경우
그림판 아래 Preview 부분의 주소줄 이미지에 실시간으로 표시됩니다.
직접 색상을 골라 찍어줬거나 이미지를 업로드 했거나 완성을 했으면 Down Favicon을 눌러 다운받을수 있습니다.
확장자의 경우 아이콘 확장자인 ico이며 적당한 곳에 저장을 해주신후 이용해 하시면 됩니다.
티스토리에 파비콘 적용을 하는 방법을 알아보는데 관리자로 들어와 왼쪽에서 기본정보를 클릭후
오른쪽에서 아이콘 항목의 파비콘에서 찾아보기를 클릭해 방금 저장한 ico파일을 선택해 열기를 눌러줍니다.
참고로 열기를 눌러준후 찾아보기 옆에 미리보기가 보이는걸 확인후 반드시 하단의 저장을 눌러주셔야 합니다.
이번엔 댓글이나 방명록에 글을 쓸때 글쓴이 이름 옆에 아이콘이 나오게 하는 방법으로 역시나
관리자로 들어가 왼쪽 메뉴에서 이번엔 플러그인 항목에서 플러그인 설정을 클릭후
오른쪽 꾸미기에서 '홈페이지 아이콘 표시'를 선택해 확인을 눌러주시면 바로 적용이 됩니다.
주소줄의 주소 이름앞에 방금 만들어준 아이콘이 보이는걸 확인할수 있는데 적용한다고 바로 되는건
아니구 조금 기다려야 적용이 됩니다.참고로 일반 홈페이지에서 적용하려면 html소스의
<head>와 </head>사이에 <link REL="shortcut icon" href="ico파일 위치">를 추가해주시면 됩니다.
파비콘 만들기와 적용에 대해 알아보았습니다.
몇분이면 뚝딱하고 만들수 있는데 그전에 미리 사이트 특징에 맞게 계획을 짜주시는게 좋습니다.