사이드 프로젝트를 하면서 파비콘을 넣게 되었는데, 아무 생각없이 피그마에서 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
반응형
'개발 > 웹 html + css' 카테고리의 다른 글
| css. display: grid 사용법 (grid-template-columns, grid-template-rows, span) (0) | 2023.08.22 |
|---|---|
| bootstrap. modal 부모창 -> 모달 데이터 전달 필요시 (0) | 2023.06.07 |
| web. 동적 이모지 추가 (0) | 2022.12.11 |
| web. 구글 폰트 적용하기 (Lexend Deca 적용) (0) | 2022.12.11 |