2021. 7. 18. 15:52ㆍ웹 코딩/웹 코딩 메모
파비콘이란?
Favorite + Icon의 합성어로
왼쪽에 있는 아이콘을 의미한다.
우리가 웹사이트를 꾸밀때 사용하기 때문에 기본적인 작업이기도 하다.
파비콘을 적용하기 위해 파비콘 파일이 필요하 파비콘 만드는 방법을 알아보자!
먼저 이미지 파일을 준비한다. PNG 파일이던 JPG 파일이던 상관없다.
ICO Convert - Create Icons From PNG & JPG Images Online
ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo
icoconvert.com
1. 위에 링크를 클릭하기
2. 파일 선택 클릭 후 본인이 원하는 이미지 파일 선택하고 업로드 클릭
3. 원하는 타입의 스타일로 적용 가능! 권장사항은 원형 스타일
4. 보통 16 x 16 사이즈이므로 체크후 맨 왼쪽 Convert ICO 클릭 후 Download your icon(s) 클릭하여 다운로드
5. <link rel="shortcut icon" href="2020_ACC_icon.ico">를 <head> 태그 안에 작성하면 된다.
단, 보기와 같이 같은 경로 및 파일명이 동일해야 적용이 된다.
'웹 코딩 > 웹 코딩 메모' 카테고리의 다른 글
| 웹페이지 폰트 변경 및 삽입하기 (0) | 2021.07.16 |
|---|---|
| 부트스트랩을 이용하여 웹페이지 디자인하기 (0) | 2021.07.16 |