파비콘(Favicon) 생성하기 - 파비콘이란

파비콘(Favicon)이란,

파비콘이란 간단하게 아이콘 입니다!

웹 페이지를 프로그램할 때 계속해서 Favicon errorr가 나올 때가 있는데, 단순하게 웹페이지에서 사용할 아이콘을 찾지못했다고 알려주는 것 입니다.

요녀석이 파비콘

그럼 파비콘은 어떻게 적용하는 것일 까? 

 

---

파비콘 만들기

 

파비콘은 아래의 사이트에서 이미지 파일을 이용하여 만들 수 있습니다. (쏘 간단)

https://www.favicon-generator.org/

Favicon & App Icon Generator

 

---

 

파비콘 적용하기

 

만들어 놓은 파비콘을 우리의 웹페이지에 적용하기 위해서,

만든 파비콘 파일을 static 파일에 복사합니다.

 

그 다음 html 파일 head 부분에 링크를 달아주면 됩니다.

웹브라우저 형식에 따라 적용방법이 다르기 때문에 2가지 형식의 링크를 달아줍니다.

 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
   <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">

 

 

끝!