블로그 하다보면 보이는

파비콘과... 아이콘....

아이콘은 무엇인지 알겠는데 파비콘이 무었인지 몰라 검색을 하였다.

주소표시줄 앞에 표시되는 아이콘, 즐겨찾기 앞에 표시되는 아이콘, 탭에 표시되는 아이콘인것이다...

파비콘은 일반 JPG 이미지 형식이 아닌 ICO 형식이라서 어떻게 만드는지 검색하던중...

파비콘 만드는 사이트를 발견...

 

http://www.favicon.cc/

 

우선 파비콘을 만들기 위해서 원하는 사진을 1:1비율로 자르기...

편집 프로그램은 포토스케이프를 이용함....ㅋㅋㅋ

사진은 4개월된 나의 딸... 귀염 귀염....

 

사진을 1:1비율로 컷팅을 한 후 사이트에 접속

 

직접 점을 찍어서 만들수도 있으나

난 귀찮은거 싫어하니 그냥 사진으로...

븕은 박스로 표시해둔 Import Image 를 클릭한다.

 

파일 선택을 눌러 아까 1:1비율로 잘라놓은 사진을 선택

그리고 업로드

중간에 설정부분은 원본 사이즈를 유지한채 줄일것이냐 아니면 비율에 맞춰서 줄일것이냐 선택하는 것인데

전 그냥 원본사이즈로 줄이기...

그래서 1:1 비율로 잘랐으니...ㅋㅋㅋ

업로드를 누르면 업로드 진행중 창이 뜬다.

조금 기다려 주면 아래와 같이 파비콘 이미지가 만들어진다...

 

붉은색 박스로 표시해둔 Download Favicon 을 누르면 업로드한 이미지로 만들어진 파비콘을 다운받을수 있다.

다운로드 바로 위에 실제 적용될 모양을 보여주니 참고하면 된다.

 

파란색 박스로 표시해둔 부분을 클릭하면 움직이는 파비콘을 만들수 있다.

하지만 난 움직이는거 필요없으니 그냥 패스....ㅋㅋㅋ

 

블로그 관리에 들어와서 파비콘에 방금 다운받은 파비콘을 등록해주면

 

주소표시줄과 탭에 파비콘이 표시된다.

블로그에 적용하고 실제 반영되는데는 조금의 시간이 걸리니 잠시만 기다려주면 된다....ㅋㅋㅋ

 

아이콘은 원하는 이미지를  최적 사이즈인 16x16, 32x32, 64x64 픽셀로 만들어서 등록하면 쉽게 적용된다.

파비콘보다는 훨씬 편안하게 적용 가능하다.

GIF로 하면 움직이는 아이콘도 가능하니 다양하게 적용하보면 좋다...^^

'관심거리 > 블로그' 카테고리의 다른 글

블로그의 주제를 무엇으로???  (0) 2013.05.14

+ Recent posts