본문 바로가기
웹 프로그래밍

파비콘 만드는 사이트

by 진청우 2022. 5. 11.

파비콘은 확장자가 .ico인 아이콘 파일로

사이트 즐겨찾기 하면 앞에 대표 아이콘 하나 뜨는거.

그게 파비콘이다.

자꾸 재미도 없는 프로그래밍 공부 하기 전에 딴짓이 하고 싶은 나를 위해

파비콘을 만들러 가자!

 

 

https://www.convertico.com/favicon/

(누가 봐도 파비콘 만드는 페이지)

 

1. BROWSE 버튼을 누르고

가지고 있는 파비콘을 만들고 싶은 그림 파일을 찾아서 선택 한다.

2. 사이즈 16x16, 32x32 중에 하나 선택한다.

3. CREATE 누르면 끝.

 

 

그럼 파일이 만들어지는데 돋보기 모양을 누르면 내 파비콘을 적용한 예시 화면도 보여준다.

돋보기 옆 버튼으로 다운받아주면 이제 나만의 파비콘을 등록할 준비가 끝났다.

 

html 문서 내 head 태그 사이에

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

이 문장을 추가하면 된다.

 

 

화분 이미지로 두가지 버전을 만들었는데 큰게 잘 보이고 예쁠줄 알았으나 별로였다.

작은 화분으로 고고.

 

 

일단 티스토리에도 파비콘을 설정하는 기능을 제공한다.

설정 > 관리 > 블로그 > 파비콘

순서로 찾으면 된다.

 

 

무료 이미지는 pixbay에서 원하는 키워드로 검색하면 된다.

상업용으로도 사용 가능하다.