오늘은 파비콘에 대해 알아보도록 할게요.
파비콘은 favorite + icon 의 합성어로 즐겨찾기 아이콘이라고 해요.
즐겨찾기나 인터넷 주소창 옆에 나타나는 작은 이미지 에요.
파비콘이 있음으로 하여 사이트에 작은 디테일까지 신경쓴 모습을 보일수 있고, 사이트의 신뢰도 또한 더욱 올릴 수 있는 효과가 있어요.
또 한눈에 사이트의 이미지 파악에 도움을 주어 사이트의 컨셉등을 잘 보여줄 수 있어요.
오늘은 그럼 이런 파비콘 ico 파일 만드는 방법 부터 알아보도록 할게요.
파비콘 ico 파일 만들기
방법은 정말 간단해요.
우선 png이미지 파일을 준비해주세요
그리고 이제 한 사이트를 이용할 거에요.
구글링으로 파비콘 만 검색하더라도 수백가지의 사이트가 나올거에요.
그중에는 정말 도움이 되는 유익한 사이트들도 있고 유익하지 않은 사이트 들도 있어요.
제가 추천드리는 사이트는 이 사이트에요.
다양한 사이즈의 파비콘을 만들수 있고, png파일을 업로드 하기 때문에 배경이 투명한 누끼따진 이미지로도 제작이 가능합니다.
무엇보다 가장 중요한건 작은 이미지로 변환되기 때문에 해상도가 많이 낮아지게 되는데,
낮아지는 해상도에도 이미지 변형이 많이 이뤄지지 않고 선명한 이미지를 보여준다는 점이에요.
사이트에 접속해주시면,
이렇게 나올거에요.
준비해둔 png 파일을 업로드 해주세요.
파일이 업로드 되면 오른쪽 부분 업로드한 파일이 나타날 거에요
다운로드 전에
먼저 필요한 사이즈의 파비콘 ico 이미지 크기부터 확인해주세요
필요한 사이즈에 체크 하시고 다운로드 해주시면 됩니다.
그럼 이제 마지막으로 아까 업로드 된 이미지 부분에 오른쪽 흰색 화살표가 보이실거에요.
그 버튼을 눌러 주시면 다운로드가 되게 됩니다.
이렇게요 :)
파비콘 이미지를 활용해서 사이트에 디테일을 업그레이드 시켜주세요.
하나 하나 완성을 시키며 더욱 애착이 가는 사이트를 만들수 있어요.
오늘은 여기까지 할게요.
Bye ~
'노마드 라이프' 카테고리의 다른 글
HTML 태그 사전. HTML 독학 시 꼭 알아두어야 할 태그 종류 모음 (1) | 2020.11.19 |
---|