파비콘 만들기 적용하기(파비콘 변환하기 ICO파일)

2018. 5. 31. 15:10관심사/IT

 

Favicon

파비콘 만들기/적용하기

 

 

파비콘은 주소창에서 주소의 가장 앞에 붙는 아이콘으로 일반 웹사이트는 e모형이거나 문서모형으로 되어 있습니다. 이제는 누구나 쉽게 만들 수 있어서 포토샵을 조금만 하면 나만의 파비콘을 만들 수 있습니다. 파비콘이 생기면 여러개의 창을 열어도 쉽게 찾을 수 있고 즐겨찾기를 하면 즐겨찾기 리스트에서도 파비콘이 같이 들어가게 됩니다. 없어도 되지만 나쁠게 없습니다.

 

 

 

 

 

 

 

우선 자신의 사이트의 아이콘을 간략하게 만듭니다. 그 이유는 16x16px 사이즈로 문양이나 글씨등은 잘 보이지 않습니다. 이모티콘처럼 간략하면서도 쉽게 기억할 수 있는 아이콘이 좋습니다. 아이콘을 만들었다면 포토샵으로 16픽셀짜리 이미지로 작업을 하고 PNG파일로 저장을 합니다. PNG로 하는 이유는 ICO 파일을 만들기 위해서는 PNG로 해야 파일을 변경할 수 있습니다.

 

 

 

16X16사이즈로 만들면서 배경은 투명하게 합니다.

 

 

 

 

 

배경색을 없애면 이렇게 만들어집니다. 저장을 할때는 PNG로 저장합니다.

 

 

 

https://convertico.com/

 

 

 

ICO파일로 변환해주는 사이트중에 하나입니다. ICO파일변환이라고 검색하면 많이 나오는데 편한사이트에서 하시면 됩니다. 이 사이트가 좀 용량이 작게나와서 전 여기서 진행하겠습니다. 개인사이트는 상관없지만 티스토리는 100바이트가 초과되면 안됩니다.

 

 

 

 

 

 

 

 

파일을 업로드를 하면 바로 우측에 업로드한 파일명의 ico파일이 생성됩니다. 다운로드하시면 됩니다. 다운로드가 된 파일을 파비콘으로 등록을 하면 됩니다. 티스토리는 관리자>블로그설정>파비콘>불러오기 하면 됩니다. 파일적용은 방문했던 사이트는 늦게 적용이 될 수 있으니 임시파일을 삭제하시고 다시 접속하시면 됩니다. 쉽게 파비콘 바꾸기였습니다^^

 

 

추가 내용

 

티스토리는 PNG 파일로도 파비콘 등록을 됩니다. 저도 안되는줄로 알고 있었는데 제글에 좋은 정보를 주셨네요. 티스토리는 파비콘으로 변환을 하지 않아도 되고 용량도 16px 사이즈는 10byte정도밖에 안되니 걱정없이 사용하시면 되겠습니다.

 

 

 

 

 

 

 

 

  • 프로필사진
    BlogIcon SONYLOVE2018.05.31 19:55 신고

    티스토리는 파비콘을 ICO로 변환과정없이 PNG 나 JPG 파일 그대로 업로드할 수 있더군요.
    용량 제한까지는 저도 확인해보지 않아서 모르겠지만요.

    • 프로필사진
      BlogIcon 우루루2018.06.01 10:54 신고

      말씀주셔서 확인해보았습니다. 파일 불러올때 확장자가 ICO로 되어 있는데 모든파일(*.*)으로 하니 할 수 있네요. 용량은 16px 사이즈가 10바이트가 안되어 마음대로 쓸 수 있었어요. 좋은 정보 감사합니다. 본문에 추가할게요