오늘은 파비콘 변환 및 웹사이트에 적용하는 방법에 대해 알아볼건데요.
먼저 파비콘이란?
favorites + icon의 합성어로 인터넷 브라우저에서
즐겨찾기를 하면 생기는 아이콘을 지칭해요.
파비콘은 기본적으로 ico파일입니다.
ico 파일을 만들기 위해서는 특정 프로그램을 사용해야하는데
우리가 사용하는 포토샵에서는 ico파일을 지원하지 않아요.
하지만 파비콘 파일로 변환해주는 사이트가 있어요.
STEP 1
CONVERTICO
convertico.com
↓
사용방법은 아주 간단해요.
회원 가입 필요없이 png 파일을 업로드하면
ico파일이 생성되어 다운받으면 됩니다.
STEP 2
파비콘ico파일이 생성되었으니 이제 웹사이트에 적용을 해주어야겠죠?
HTML <head>안에 아래 코드를 넣어주면됩니다.
<link rel="shortcut icon" href="파비콘경로/파비콘이름.ico">
저는 img폴더안에 파비콘을 넣어 적용해 보았어요.
확인을해보니 파비콘 이미지가 적용이 잘되었습니다.
웹사이트를 제작할 때 파비콘 이미지가 없으면
사이트 신뢰도가 떨어지니 꼭 넣는게 좋겠죠~? :)
'IT > Info' 카테고리의 다른 글
| 코딩 공부 사이트 및 유튜버 추천! (0) | 2020.07.13 |
|---|---|
| 25 UX Design Interview Questions (0) | 2020.06.28 |
| 인터넷 속도 올리기 / 인터넷 속도 테스트 (0) | 2020.05.11 |
