웹사이트 파비콘 적용하기
- 프로그래밍/웹사이트
- 2018. 5. 11.
웹사이트 파비콘
안녕하세요.
오늘은 웹사이트에 파비콘 적용하는 방법을 알려드리려고 합니다.
방법은 정말 간단합니다.
1. 파비콘으로 사용할 이미지를 구합니다.
2. 이미지를 아이콘파일로 바꿔줍니다.
3. html에 코드를 추가합니다.
이렇게 하시면 됩니다.
이미지를 아이콘으로 바꾸는 방법.
이것은 아래에 제가 써놓은 글을 참고하시면 됩니다.
이번에 제가 예시로 사용할 아이콘의 모습입니다.
(그냥 예시로 쓰려고 컴퓨터에 c드라이브에서 굴러다니는 아이콘 아무거나 찾아서 가져왔습니다.)
아이콘을 파비콘으로 적용해보자.
이 아이콘을 적용하는 코드는 한줄이면 됩니다.
<link rel="shortcut icon" href="/syg/remove.ico">
바로 이것입니다.
이 코드를 <head></head>태그 안에 넣어주시면 됩니다.
(title아래에 넣으니까 안나오네요.)
syg라는 폴더에 remove.ico라는 파일을 적용한것입니다.
이렇게 파비콘이 적용이 된것을 볼 수 있습니다.
(FTP서버에 만들어두신 아이콘파일을 올리고 아까 위에 올린 HTML/CSS코드를 써주시면 됩니다.)