728x90
[HTML / Favicon] 파비콘 만들기 및 적용 방법!
기본 형태
<link rel="icon" href="/파비콘경로/파비콘파일명.png">
1. 파비콘 [favicon] 만들기
아래 웹 페이지에 접속 > icons 탭 클릭 > 원하는 아이콘 선택 후 다운로드 버튼 클릭 (svg 다운)
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
2. 다운 받은 SVG 파일을 PNG로 변환
아래 웹 페이지에 접속 > SVG to PNG 탭 클릭 > 아이콘 드래그 & 드랍 후 변환 (PNG 다운)
Convert SVG files to PNG Online
This free online SVG to PNG converter allows you to convert SVG files to PNG images, quickly and easily.
svgtopng.com
3. 파비콘 (브라우저 탭 아이콘) 설정
html 소스 내 head 태그 내 하단의 소스 추가
<!--head 태그 내 추가-->
<link rel="icon" href="/png파일 경로">
4. 결과 확인
728x90
'프론트엔드 > HTML' 카테고리의 다른 글
| [HTML] 볼륨 조절 효과 만들기 feat. input type="range" (0) | 2021.08.14 |
|---|---|
| [HTML5] Data 속성 (Data Attribute) (0) | 2021.03.13 |
| [Html] 시멘틱 태그 semantic tag (0) | 2021.02.06 |
| [Html] 기본 구조 - 태그와 엘리먼트 개념 Tag / Element (0) | 2021.02.03 |
댓글