이미지 ICO 변환하는 법, 티스토리 파비콘 등록하기

티스토리를 만들면서 블로그에 재미를 느껴가고 있습니다. 블로그 이것저것 꾸며보느라 이제야 글 쓰는 사람?

여기 있습니다!

파비콘(favicon)

이번에는 파비콘을 만들고, 등록해 보았습니다. 파비콘은 웹사이트 여러 개 띄웠을 때 나오는 창이나, 즐겨찾기 등 이름이나 주소 옆에 함께 나오는 아이콘을 말합니다.

웹사이트 상단 주소창에 나오는 이미지 — 사이트 이름 좌측에 나오는 아이콘

다른 블로그들 놀러가면 이름 옆에 아이콘이 있는 걸 발견했어요. 저는 티스토리 로고인 T만 나오는 것이 삭막해 보였습니다. PC에서는 더더욱 파비콘의 기능이 중요해 보였어요. 한눈에 자신의 사이트를 표현할 수 있다는 점에서 파비콘은 중요해 보였습니다.

다만 저도 좀 작고 복잡하게 만들었는데, 각 웹사이트의 정체성을 간결하고 심플하게 표현하는 것을 중점에 두고 만드는 것이 기본이겠습니다.

나도 나만의 아이콘 가지고 싶으니, 파비콘을 우선 만들어 보기로!

티스토리에서 파비콘 등록 하기

티스토리에서는 블로그 관리 -> (톱니모양) 관리 -> 블로그 탭으로 이동해서 간단하게 파비콘을 등록할 수 있습니다.

사이즈는 16x16 픽셀, 파일 형식을 ICO 이미지를 사용해야 합니다. 처음에는 16x16픽셀이라고 해서 도트를 찍어야 하나 고민했어요. 제가 사용하는 그림 그리기 앱을 이용해 16px 정사각형으로 캔버스 열어봤더니 너무 쪼끔 해서 약간 당황했었습니다.

(참고로 저는 메디방 무료 그림그리기 앱을 이용했습니다. 스마트폰 노트로도 잘 사용 중이고 갤럭시 탭에서도 잘 쓰는 추천 앱)

다행히 ICO로 변환하는 프로그램을 통해 정사각형 이미지를 사이즈에 맞게 저장할 수 있었습니다. 이미지 만들어서 활용하시려는 분들은 정사각형만 지켜서 그리거나 만들어주시면 되겠습니다. 이모지를 쓰시는 분들도 많더라고요.

위의 아이콘은 100x100픽셀인데 이것도 좀 작아서 깨지는 느낌이 있었어요. 그냥 낙낙하게 만드셔도 좋겠습니다. 저는 아이콘 외의 배경을 투명하게 하고 싶어서 png 이미지로 저장했습니다.

PNG 외에도 다른 확장자의 이미지를 준비하셨으면 끝입니다. 가끔 오류가 발생한다고 하니, 파일명을 꼭 영문이나 숫자로 준비해주세요.

그럼 이제 파비콘으로 등록할 수 있는 ICO파일 형식으로 변환할 수 있는 무료 사이트 2곳을 알려드릴게요.

ICO 변환하기

첫 번째 사이트 ICO Convert (결론적으로 사용 X)

ICO Convert - Create Icons From PNG & JPG Images Online

ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo

icoconvert.com

위 사이트에 들어가서 파일선택 -> 업로드하시고 convert ICO 버튼을 클릭하시면 다운로드 버튼이 나옵니다.

사이즈는 티스토리에서 사용 가능한 16x16사이즈를 선택해주세요.