개발/웹 html + css
web. 파비콘이란 + png에서 ico로 생성해주는 사이트
ttoance
2022. 12. 11. 18:07
반응형
사이드 프로젝트를 하면서 파비콘을 넣게 되었는데, 아무 생각없이 피그마에서 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)
With Favicon.io you can quickly generate a favicon for your website for free!
favicon.io
반응형