[티스토리 이해] 파비콘 - favicon

오늘 2018-06-06 나만의 블로깅을 다시 시작한다!

구글 애드센스도 넣어보고 스킨도 편집해보고.. 마구잡이로 도전해서..

그 결과도 써보면서 뭔가 남는 10년이 지나도 쓸모있는 삽질기를 남기고 싶다..

2016년 2010년..아니 WWW 기술이 나오기 이전..

PC통신 나우누리 시절부터 

나는 지식을 갈구 했고 삽질의 연속이었다..

서두는 이만하고.. 이제 오늘의 첫번째 주제 파비콘에 대해 알아보자!

파비콘의 위키 검색결과는 아래와 같다.

파비콘(영어: favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.

[https://ko.wikipedia.org/wiki/%ED%8C%8C%EB%B9%84%EC%BD%98]

조건은 아래과 같다.

아이콘 크기는 16x16, 32x32, 48x48, 64x64픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다.

다음 포맷은 브라우저에 상관없이 호환되며 인터넷 익스플로러, 파이어폭스, 크롬, 오페라에서 모두 지원한다.

이게 무슨 말씀?

그냥 그림으로 보여줘~

아래 결과물을 봐보자~

작업전 티스토리 로고   ->  작업후 삽모양 아이콘..

그래 이거다 파비콘은 브라우져에 특정 사이트 접속시 보여주는 로고다..

이게 다야~

 

그래도 내꺼 한번 만들어 볼까..

아래 사이트 같은 곳에서 꽁짜 아이콘을 구한다!

https://icon-icons.com/ko/

우리사이트의 주제 삽 아이콘을 구해보겠다!

 

마음에 드는 친구를 클릭하고

아래처럼 64x64 사이즈를 선택하고 ICO 버튼을 클릭해서 아이콘을 다운로드 받는다..

 

그러면 아래처럼 tistory 사이트 계정관리 >> 관리 >> 블로그 에서 파비콘 자리에 올려 놓으면..신기한 일이 펼쳐진다.

 

그럼 브라우져에서 처음 보았던 그림처럼 왼쪽 아이콘이 오른쪽 아이콘으로 바뀐다..

아래는 왜?? 둘다 보이냐고? 그건 처음은 작업전 블로그를 2개 띠워놓고..

위에 처럼 파비콘 변경 후 오른쪽은 리프래쉬를 했지..ㅋㅋ

이걸로 오늘의 삽질.. 파비콘을 마치겠다..

 

http://webdir.tistory.com/337

 

더 자세한 사항을 공부하고 싶으신분은

구글 검색에서 파비콘이라고 치면 나오는데

위 사이트가 처음 나오는데.. 정말 자세히 설명해주셔서

초보가 보기에는 조금 어렵다.

하지만 디테일한 메뉴얼이라 필요시 레퍼런스로 참고해 본다.