본문 바로가기

배움

[파비콘]홈페이지나 블로그 주소창 머리에 아이콘 만들기

[파비콘]홈페이지나 블로그 주소창 머리에 아이콘 만들기


포토샵으로 파비콘을 만들어 붙였습니다.


파비콘이란 Favorite Icon을 줄여서 Favicon이라고 하고

인터넷 주소창에 인터넷 주소 입력시나 즐겨찾기에 웹사이트 추가시 나타나는 작은 아이콘입니다.


"주소창 앞에 붙는 아이콘"이라고 검색했더니 파비콘 만들기가 많이 있었습니다.

A4용지가 보이는것보단 나만의 아이콘이 보이면 구별도 쉽고 

즐겨찾기 해놓면 눈에 띄니 좋으네요.

 

현재 블로그 주소창 위 블로그 제목 앞에   이것이 파비콘.



포토샵에서 새창을 처음부터 아래와 같이 열어서 만들어도 되고

저같은 경우는 일단 이미지부터 맹근담에 아래 사이즈로 줄였습니다.

그랬더니 ico파일이 안보이더라구요 


파비콘



가로, 세로를 64x64, 32x32, 정도로 맞추고 

제 경우에는 8bit로 맞추지 않으면 저장시 ico확장자명이 보이지 않아서 애 먹었습니다.

이렇게 저렇게 해보다가 8bit로 맞추니깐 ico확장자가 보였습니다.

아래 그림과 같이


파비콘 만들기



선택하고 저장~


그리고 나서 블로그 관리자 화면에서 좌측 메뉴 맨 아래 [환경설정]의 [기본정보]에서

파비콘을 등록해 줍니다.




파비콘 위에 있는 아이콘은 어디에 쓰는 물건인지 잘 모르겠네요.


크롬에서는 등록하고 바로 변경이 되는데 

익스플로러는 언제 적용이 될라나 한참 시간이 지나도 변화가 없습니다.

되긴 하겠죠?


적용된 모습입니다.


파비콘 적용







LEARN으로LEARN으로