무료로 나만의 고퀄리티 파비콘 만드는 방법 (+ ICO 파일 변환)
안녕하세요, 기획자 호이입니다.
이번에 무료로 고퀄리티 파비콘을 만들어주는 유용한 웹사이트를 발견하여 소개해드리려고 합니다. 우선 파비콘이 무엇인지 간략하게 설명드릴게요.
'파비콘'이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트를 대표하는 아이콘을 의미합니다. 위 이미지에 빨간 테두리로 박스 쳐놓은 커피 모양의 아이콘이 보이시죠? 제 파비콘에는 커피를 수혈받지 못하면 일을 할 수 없는 전산 노동자의 슬픈 사연이 숨어 있습니다.
아무튼, 밋밋하게 기본 파비콘으로 설정해두기보다는 자신을 나타낼 수 있는 특별한 파비콘으로 설정해두면 브랜딩에 더 좋지 않을까요? 그리하여 파비콘을 만들 수 있는 툴을 하나 소개해드리겠습니다!
바로 Formito라는 웹사이트에서 제공하는 Free Favicon Maker를 사용하시면 되는데요.
아래 링크를 클릭하시면 바로 파비콘 생성기로 연결됩니다.
Build your favicon in seconds!
Design a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon. Modern browsers supports SVG favicon. Be creative.
formito.com
링크로 접속하시면 아래와 같은 화면이 뜰 거예요.
사용 방법은 매우 간단합니다.
특정 글자나 이모지를 활용하여 자유자재로 파비콘을 만들어볼 수 있습니다. 한 가지 아쉬운 점은 한글은 지원되지 않고 영어만 지원이 된다는 점입니다. 그래서 Letter에 한글 입력하시면 그냥 ◻︎로 뜰 거예요. 아쉽지만 한글 대신에 본인을 상징하는 알파벳을 사용하시면 좋을 것 같아요!
제가 사용하고 있는 닉네임 hoy를 파비콘 안에 넣어보았습니다.
폰트 종류나 폰트의 크기, 그리고 폰트의 굵기도 마음대로 변경이 가능합니다. 이와 더불어 글자의 색깔과 배경의 색깔도 변경할 수 있어요. 배경을 아예 없앨 수도 있고, 배경의 모양을 사각형으로 할 것인지, 모서리가 둥근 사각형으로 할 것인지, 원형으로 할 것인지도 설정할 수 있습니다.
Letter 말고 Emoji를 클릭하시면 이모지를 활용하여 이렇게 귀여운 파비콘도 만들어볼 수 있습니다. 삐약삐약 병아리 파비콘 너무 귀엽지 않나요? (자화자찬ㅋㅋ) 본인을 상징하는 이모지나 아니면 본인이 좋아하는 이모지를 활용하여 위와 같이 만들어보시면 좋을 것 같습니다.
마음에 드시는 파비콘을 생성하였다면 아래 Export의 PNG 버튼을 클릭하여 이미지를 저장해줍니다.
위에서 저장하신 PNG 형식의 이미지를 파비콘으로 사용하기 위해서는 ICO 형식으로 변환을 해주어야 합니다. 변환 방법은 매우 간단하니 걱정은 노노! 아래 PNG to ICO 컨버터 링크로 후딱 접속해봅시다!
PNG to ICO | Online Icon Converter
This online ico converter allows to convert PNG images to ICO format. Select multiple images in PNG format from you device: You can upload up to 20 PNG files, up to 50MB per file. All of your images will be deleted automatically after one hour. Convert Now
hnet.com
해당 링크로 접속하시면 아래와 같은 화면이 뜰 텐데요.
Upload Images 버튼을 눌러 아까 저장한 PNG 파일을 업로드하시면 됩니다.
그러고 나서 Convert Now 버튼을 눌러주시면 됩니다.
그리고 나면 위와 같이 Download 버튼이 활성화되는데요,
다운로드 버튼을 누르시면 PNG 파일이 ICO 파일로 변환되어 다운로드되는 것을 확인하실 수 있을 거예요. 이제 ICO 파일을 확보하였으니 티스토리 블로그로 돌아가 등록만 해주시면 됩니다. 등록 방법까지 함께 보시죠!
본인이 운영하고 있는 티스토리 블로그의 설정 메뉴에 들어와 관리 > 블로그를 클릭합니다.
그러면 아래 이미지와 같은 화면이 뜰 텐데요.
여기에서 파비콘 설정 영역의 불러오기 버튼을 클릭하신 후 아까 만들었던 파비콘 ICO 파일을 업로드하시면 됩니다.
엄청 간단하지요? ٩꒰｡•‿•｡꒱۶
변경사항 저장하시면 보통 바로 적용이 되는데, 간혹 그렇지 않은 경우도 있더라구요. 새로고침 몇 번 하시거나 조금 기다리면 적용이 되니 너무 걱정하지는 마시기 바랍니다.
이상으로 무료 파비콘 생성기를 활용하여 파비콘을 만들어보고, 이를 ICO 파일로 변환한 후 티스토리 블로그 설정 화면에서 등록하는 과정까지 함께 알아보았습니다! 본인만의 특별한 파비콘 만드셔서 예쁘게 꾸며보셔요 :)
다음 포스팅에서 더욱 유익한 정보로 찾아오겠습니다.
감사합니다!
❑ 같이 읽어보면 좋은 콘텐츠
