web. 파비콘이란 + png에서 ico로 생성해주는 사이트

사이드 프로젝트를 하면서 파비콘을 넣게 되었는데, 아무 생각없이 피그마에서 png로 따서 작업을 하려다가, 

기존 디폴트 파비콘 확장자가 .ico로 설정되어 있어서 혹시나 ico로 해야 하나 하면서 찾아보게 되었다. 

 

https://webdir.tistory.com/337#footnote_337_1

ICO 파일을 사용할 경우 아래와 같은 크기 정도는 포함하는 것을 추천한다

크기용도

16x16	IE9 주소 표시줄, 고정된(pinned) 사이트의 점프목록/툴바/오버레이
32x32	IE의 새로운 탭 페이지, 윈도우7 이상에서 작업 표시줄 단추, Safari 나중에 읽기 사이드바
48x48	윈도우즈 사이트 아이콘

 

 

파비콘 생성 사이트 : https://favicon.io/favicon-converter/

Favicon.io - The Ultimate Favicon Generator (Free)