파비콘(favicon) 만들어 주는 웹사이트

2017.01.07팁&정보


왜 맨날 비슷한 걸 검색하고 검색하고 또 검색하는가!-_-a 란 생각에

검색 결과를 담아둘 카테고리를 만들어 봤습니다

그 중에서도 웹, 블로그 관련 글들 위주로 담아보려고 합니다


도움이 될 만한 정보가 있을까 싶지만

기본적으로는 저의 금붕어 기억력을 대신해서

갈무리해 둘 생각이에요^^;





그 첫번째로 파비콘 만들기

어제 파비콘 만들일이 있어서 검색해서 찾던중에

괜찮은 사이트가 있어서 소개할까 합니다.



파비콘(faVicon)이란 faVorites 과 icon 의 합성어로

보통 인터넷 브라우저에서 즐겨찾기를 하면 생기는 아이콘을 지칭합니다





제 블로그도 파비콘이 적용되어 있긴한데요^^;

엄청 오래전에 일본 게임사이트 뒤적이다 

찾은 토로 gif파일로 만들었던거 같습니다.



파비콘은 기본적으로 아이콘(ico)파일 입니다.

ico파일을 만들려면 특정 프로그램을 이용해야하는데 

포토샵마저도 기본으로 ico파일은 지원하지 않습니다.

플러그인 파일 넣으면 되긴하지만요.


ico제작 프로그램이 프리웨어로 여기저기 많이 있지요

귀찮게 프로그램 안돌리고 사이트에서 제작해주는 곳도 많은데

그 중에 어제 찾아봤던 몇 곳 사이트 정리해봅니다.





conVertico.com



대부분 사이트들이 사용법은 간단합니다

가입 필요없이 이미지 파일을 업로드 하면

바로 ico파일이 생성되고 다운로드 받으면 끝.











업로드하고 다운받으면 끝

오소마츠 그림으로 한번 만들어 봤습니다.





역시 이렇게 복잡하고 디테일한 그림은 파비콘에 어울리지 않네요


conVertico.com 은 ico/png파일만 지원하는게 조금 아쉽습니다.






icoconVert.com





저는 png만 변환하면 되서 convertico.com 사이트를 이용했는데

다양한 이미지 포멧 지원이 아쉬웠다면 이 사이트로.


jpg, bmp파일도 지원하며 움직이는 gif파일까지 지원합니다

그 외 리사이즈 같은 다양한 이미지 변환 기능을 제공하네요

아쉬운 점이라면 투박한 UI정도?






www.favicon.cc



내가 직접 만들겠다는 열정의 제작자에겐 이 사이트를 추천^^





직접 도트를 찍어 제작이 가능합니다.

딱 맞는 이미지가 없다면 직접 만드는 것도 좋겠죠







흙손으로 찍어봤습니다 ㅋ

도트장인 계시나요^^


다 찍고 다운로드 버튼 눌러 받으면 됩니다.

아래쪽에  미리보기도 지원하며

만드는 중에도 해당페이지 파비콘에도 적용되어 보여집니다.+_+






대략 이 3군데면 원하는 파비콘은 무난히 만들 수 있다 생각됩니다.

만들어진 ico파일은 적용하고 싶은 웹사이트에 업로드하고

<head> 부분에 아래코드를 넣어주면 됩니다.


<link rel="shortcut icon" href="파비콘 경로/파비콘 이름.ico">


각자 업로드된 경로와 만들어 준 이름을 적어주면 됩니다

다행히(?) 티스토리는 파비콘을 지원하고 있어

간단하게 적용할 수 있습니다







관리>기본정보에서 파비콘 업로드 하면 자동으로 적용됩니다.


파비콘 없으시다면 간단하게 만들어서

티스토리 파비콘에서 벗어나 보면 어떨까요^^