티스토리 뷰
반응형
Favicon 설정 방법 및 무료 이미지 변환 사이트 소개
파비콘(Favicon) 은 (favicon - Favorites + Icon의 합성어)이란 웹사이트나 웹페이지를 대표하는 아이콘입니다.
위와 같이 사이트를 대표하는 아이콘인데요.
이미지 파비콘 무료 변환 및 HTML 설정 방법을 간단하게 설명해 드리겠습니다.
첫째로, 사용하고자 하는 이미지를 준비합니다.
두번째, 무료 변환 사이트인
https://www.favicon-generator.org/ 을 접속합니다.
세번째, 파일 선택을 누른 후, 준비한 이미지를 선택한후 Create Favicon 을 클릭합니다.
네번째, 아래 그림에서 첫번째 Download the generated favicon 클릭후, 바탕화면 img 파일폴더 생성후
img 폴더에 이미지들을 저장합니다. ( 주의 ! img 폴더 바로 아래 이미지를 저장해야 됩니다. )
다섯번째, 위에 그림 2번에 해당하는 html 소스 정보들을 모두 복사 한후, html <head> 태그 사이에 넣고
<link> 태그 href 부분에 상대경로 img 를 아래와 같이 추가해줍니다.
해당 html 을 실행하면 아래와 같이 완료 됩니다.
더 좋은 공유소식으로 찾아뵐게요 ㅎㅎ
시작한지 얼마 안돼서 많이 서툽니다.
예쁘게 봐주세요 
반응형
'Web Client > HTML' 카테고리의 다른 글
| 섹션(Section) 요소 - BODY, HEADER, NAV,ARTICLE,ASIDE (0) | 2019.01.14 |
|---|---|
| [Markdown] 마크다운 문법 - 깃허브 위키 (0) | 2018.03.08 |
| HTML/CSS 구글 폰트 사용 및 설정 (0) | 2017.10.06 |