티스토리 뷰

팁&정보

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

.


왜 맨날 비슷한 걸 검색하고 검색하고 또 검색하는가!-_-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">


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

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

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







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


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

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



공유하기 링크
비슷한 글을 보려면
, ,


 팁&정보 카테고리 관련글


  • 프로필사진 CreativeDD 아... 파비콘 만들기, 저도 해야하는데...
    프로필 이미지가 심플하지않아서 괜찮을지 모르겠네요!
    한번 만들어서 설정해볼까봐요! :-)
    2017.01.07 10:32 신고
  • 프로필사진 청춘일기 DD님 프사가 굉장히 심플하고 배색이 예쁘다고 생각했어요. ^^
    파비콘으로 생각하니 배 모양에 디테일이 많아보이기도 하네요 ㅎㅎ
    2017.01.08 18:01 신고
  • 프로필사진 LAZEEN 파비콘 만드는 것 찾아서 저도 해봤었는데 청춘일기님 포스팅을 보니 훨씬 쉽게 설명해 주셔서 따라하기 좋을 것 같다 생각이 드네요. 흙손치고 너무 귀엽게 잘 만드신 것 같습니다.^^ 청춘일기님 새해복 정말 많이 받으시고, 올 한해도 재미있는 포스팅 기대하고 있겠습니다. 2017.01.07 11:13 신고
  • 프로필사진 청춘일기 티스토리는 기본 티스토리 파비콘이 있어서 좀 괜찮은데 호스팅 받아서 웹사이트 만들면 파비콘없으면 너무 허전하죠+_+
    저런 이모티콘 모양도 잘 만들었다 칭찬해주시니 라진님은 마음이 넓은 분 인증ㅎㅎ ^^
    2017.01.08 18:06 신고
  • 프로필사진 GeniusJW ㅋㅋ 파비콘 만들기
    이것 보니깐, 저같은 초보도 쉽게 만들 수 있을 것 같아요~^^
    2017.01.07 22:13 신고
  • 프로필사진 청춘일기 GeniusJW님 최근에 프로필사진과 파비콘하며 하나로 다 통일하셨는데 복숭아색이 참 이쁜것 같아요^^ 2017.01.08 18:07 신고
  • 프로필사진 강시현 파비콘의 뜻은 처음 알았네요. ㅎㅎ 확실히 블로그는 아이덴티티가 명확하면 좋은 것 같아요. 저도 청춘일기님을 떠올리면 고양이가 먼저 떠오르더라고요. ㅎㅎ 저도 이 포스팅 참고해서 하나 만들어봐야겠네요. 2017.01.07 22:34 신고
  • 프로필사진 청춘일기 고양이라고 하셔서 무슨 고양이? 했는데 toro가 고양이 였죠^^aㅋㅋ 저는 맨날 봐서 둔해졌나봅니다 ㅋ
    시현님하면 쵸파죠 ㅎㅎ
    2017.01.08 18:08 신고
  • 프로필사진 좀좀이 파비콘 간단히 만들 수 있군요. 첫 번째가 매우 편해보여요. 이미지 파일만 업로드하면 알아서 만들어주는군요. 사진 중 마음에 드는 부분만 잘라서 업로드하면 파비콘 쉽게 만들 수 있겠어요. ^^ 2017.01.08 01:06 신고
  • 프로필사진 청춘일기 가지고 있던 파일도 마침 PNG파일이었고 해서 저도 첫번째로 뚝딱 했답니다.
    브라우저 창을 여러개 켜두고 인터넷할 때가 많은데 그럴때 제 블로그 찾기 편해요 ㅋㅋ
    2017.01.08 18:09 신고
  • 프로필사진 Normal One ㅋㅋㅋ저도 두 번째 사이트 이용해서 파비콘 만들었더랬죠...
    이젠 지금 아이콘으로 정착한 지 반 년이 넘었지만요 ㅎㅎ
    2017.01.08 19:08 신고
  • 프로필사진 청춘일기 저 아이콘으로 바꾸실때쯤 제가 normal one님 블로그 방문했던거 같아요
    제 기억에는 저 N모양 아이콘만 생각나거든요 ㅎㅎ
    2017.01.09 12:41 신고
  • 프로필사진 SONYLOVE 파비콘이 GIF 도 가능한거였네요;;
    이참에 하나 만들어봐야겠네요.. ^_^;
    2017.01.08 21:56 신고
  • 프로필사진 청춘일기 소니러브님은 파비콘도 엄청 화려하고 멋지게 만드실것 같은데요@_@ㅎㅎ 2017.01.09 12:42 신고
  • 프로필사진 친절한민수씨 아 저걸 파비콘이라고 하는구나 ㅋㅋㅋ
    전 사실 무료공개사이트에서 받은걸 그냥 쓰고있어요 ㅋㅋ
    2017.01.09 11:21 신고
  • 프로필사진 청춘일기 곰돌이 그림이 프로필사진과 셋트로 되어 있었나봐요
    맘에 드는 무료 이미지 받아 쓰는게 제일 편하죠 ㅎㅎ
    2017.01.09 12:48 신고
  • 프로필사진 신기한별 파미콘 만들어주는 사이트가 있다니 신기합니다. 2017.01.09 20:37 신고
댓글쓰기 폼
공지사항
최근에 달린 댓글