728x90
파비콘(Favicon)이란?
홈페이지 상단에 보면 제목의 왼쪽에 보이는 아이콘을 말한다.
먼저 포토샵에서 70x70px의 png의 확장명으로 저장한다.
https://realfavicongenerator.net/
Favicon Generator for all browsers and Google results pages
The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.
realfavicongenerator.net
이곳에 들어가 저장한 png을 ico파일로 전환한다.
html파일 타이틀 태그 아래에 링크를 아래와같이 걸어준다.
<title>Levup</title>
<link rel="shortcut icon" href="images/favicon.ico">
적용이 된 모습을 확인할 수 있다.
728x90
'HTML' 카테고리의 다른 글
| 웹페이지를 만들기 위한 기본 packaging과 포토샵 이미지 저장하기 (0) | 2020.03.03 |
|---|---|
| [HTML Tag] <p>태그와 <pre>태그의 차이점 (0) | 2020.03.03 |
| [HTML Tag] 150개가 넘는 html 태그, 다 외울 필요가 있을까? (0) | 2020.03.02 |
| W3C 웹 표준 검사하기 (0) | 2020.03.02 |
| [HTML Tag] og태그[Open Graph] (0) | 2020.02.27 |
