파비콘이란?
favicon은 favorites + icon의 합성어로 인터넷 웹 브라우저 주소창에 표시되는 웹사이트나 웹 페이지를 대표하는 아이콘을 말합니다.
아래 사이트에서 무료로 파비콘 아이콘을 다운 받을 수 있습니다.
https://icons8.com/icons/set/favicon
Free Icons, Clipart Illustrations, Photos, and Music
Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️
icons8.com
아래는 svg를 다운받는 사이트 입니다.
Noun Project: Free Icons & Stock Photos for Everything
thenounproject.com
파비콘 직접 만들기
만약 마음에 드는 아이콘이 없다면 파비콘을 직접 만들 수 도 있습니다.
favicon.ico Generator
Preview Favicon in original size:
www.favicon.cc
여기 사이트에 가서 직접 그려서 만들 수도 있고
Import Image에서 파일을 선택해서 가져올 수도 있습니다.
파일 선택해서 이미지를 가져와서 Upload를 클릭하면 가져온 이미지를 픽셀화해서 보여줍니다.
Use Animation을 눌러서 애니메이션으로 만들어 줄 수도 있습니다.
완성했으면 Download Favicon을 클릭해서 만든 파비콘을 다운 받습니다.
head와 head 사이에 favicon을 삽입하는 코드를 넣어줍니다.
<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
href 부분에 다운받은 파비콘 주소를 넣어주면 됩니다.
'Front-end > 화면구현' 카테고리의 다른 글
| html 제목태그의 필요성 (0) | 2021.06.12 |
|---|---|
| 무료 html 편집기 14 (0) | 2021.06.07 |
| 포토샵 없이 이미지 동그랗게 자르기 사진편집 (0) | 2021.06.01 |
| UI설계도구 (0) | 2021.05.16 |
| 구글 머티리얼 아이콘 Material Icons 적용하기 웹폰트 아이콘 (0) | 2021.04.21 |
댓글