파비콘 만들기/ 티스토리 블로그에 적용하기

행복한청소의 홈페이지는 티스토리로 만들었습니다.

그래서 티스토리 파비콘이 보여집니다. 그래서 파비콘을 제가 만든 물방울로 만들면 어떨까 생각하고 진행해봤습니다.

 

파비콘은 나무위키에서 보면 패비콘이라고 합니다. Favorite와 Icon의 합성어라고 하네요.

웹 브라우저의 즐겨찾기 또는 주소 창에 뜨는 웹사이트의 아이콘을 말한다. 파비콘이라고도 한다. 이름은 Favorite와 Icon의 합성어. 주로 사용하는 크기는 16×16(px)이고 확장자는 ico다. 1999년 IE 5에서부터 지원되기 시작했다. 크기가 작지만 은근히 이곳 저곳에서 많이 보이는 아이콘이기 때문에 로고나 심볼이 복잡한 서비스나 기업의 웹 디자이너들은 골머리 앓게된다. 웹사이트를 즐겨찾기할 경우 즐겨찾기 이름 앞에 그 사이트의 패비콘이 같이 뜨게 된다.

https://namu.wiki/w/%ED%8C%A8%EB%B9%84%EC%BD%98

패비콘 - 나무위키

현재 브라우저 상단에 있는 행복한청소 홈페이지의 파비콘을 보면 티스토리 파비콘이 보입니다.

 그럼 제가 만든 물방울 모양을 파비콘으로 써볼까요?

물방울이 청소한 후 웃고 있어요

이미지가 준비되었으니 파비콘을 만드는 사이트에 갑니다.

http://favicon-generator.org/

Favicon & App Icon Generator

저는 water라는 png 파일로 업로드 했고 generate icons for Web, android, microsoft, and iOS (iphone and ipad) Apps를 선택했습니다. 

그리고 현재 비율로 유지하라는 내용에 클릭하고 퍼블릭 갤러리에는 노출시키지 않기로 했습니다.

Create Favicon을 클릭했더니 이렇게 나오네요.

Download the generated favicon을 클릭하면 ico 파일의 파비콘을 받을 수 있습니다. 이렇게 생성된 파비콘을 티스토리에 적용시켜 봅니다.

관리자 화면에서 왼쪽 맨 아래 관리 >블로그 로 들어 가시면

이런 화면을 보실 수 있습니다.

파비콘 불러오기를 클릭하여 파비콘을 업로드 합니다. 단 favicon-generator.org에서 다운받으신 파일은 압축을 풀어주셔야 합니다.

업로드하면 이렇게 됩니다. 이후 변경사항 저장하기를 클릭한 후에 블로그를 확인합니다. 짜잔~!

제가 만든 물방울이 파비콘으로 등록되었습니다.

 

 

 

 

#사무실청소 #학원청소 #병원청소 #영등포청소 #마곡청소 #강서청소 #마포구청소 #계단청소 #양천구청소