파비콘 만들기, 어렵지 않아요!
수많은 웹사이트가 존재하는 인터넷에서 내 사이트를 나타내려면 어떻게 해야 할까요? 여러 방법이 있겠지만 웹사이트 주소 옆에 로고보다 작은 아이콘을 심어둘 수 있습니다. 이것을 바로 ‘파비콘’이라고 하는데요. 이제 막 웹사이트나 블로그를 만드신 분들은 내 사이트의 정체성을 표현하기 위해 파비콘 만들기를 찾아보실 것입니다.
이번 글에서는 파비콘이란 어떤 것인지 잠시 살펴본 후, 간단하게 무료로 파비콘 만들기를 할 수 있는 사이트 3가지를 추천드리겠습니다.
목차
파비콘이란?
파비콘이란 즐겨찾기 아이콘(Favorites ico)의 줄임말입니다. 특정 웹사이트에 방문했을 때 웹사이트 주소 옆이나 브라우저 탭에 나타나는 작은 아이콘인데요. 이는 웹사이트를 대표하는 아이콘이기도 합니다.
파비콘이란 웹사이트 운영자가 직접 설정할 수 있습니다. 내 사이트의 컨셉이나 성격을 하나의 그림으로 잘 보여줄 수 있는 파비콘이면 좋은데요. 크기는 대부분 16×16 픽셀인데 32×32, 48×48, 64×64도 가능합니다.
파비콘이란 1999년 인터넷 익스플로러에 처음 도입되었으며, 그 후에도 크게 사양이 변경되지 않았습니다. 파비콘으로 쓸만한 적당한 아이콘을 만든 후 그 이름을 ‘favicon.ico’로 지정하고 웹사이트의 루트(root) 디렉토리에 위치시키면 됩니다. 파비콘은 인터넷 익스플로러(현재 마이크로소프트 엣지)를 포함하여 크롬, 오페라, 파이어폭스 등에서 모두 지원하고 있습니다.
현재 제가 운영하는 이 웹사이트에도 파비콘을 적용한 상태인데요. 워드프레스의 사이트 아이덴티티에서 아래와 같이 설정했습니다. 워드프레스는 ico 파일 외에 jpg, png 파일도 파비콘으로 설정할 수 있으며, 사이즈도 일반적인 규격과 다르니 참고만 하시길 바랍니다.
파비콘 만들기 사이트
❶ Favicon.ico & App Icon Generator
＊ 가장 흔히 사용되는 파비콘 만들기 사이트
① 웹사이트 접속 → 이미지 첨부 → [Create Favicon] 클릭
이미지 하나만 넣으면 파비콘(ico) 파일 외에도 다양한 크기의 png 파일이 한꺼번에 생성됩니다.
② [Download the generated favicon] 클릭
③ 압축파일 풀기 → ico 파일 확인
파비콘(ico) 파일의 크기는 16×16입니다. 웹사이트에 따라 png 파일을 파비콘으로 설정할 수 있는 곳도 있으며, 더 큰 사이즈로 파비콘 설정하기를 희망하는 분들은 여기서 다른 파일을 활용할 수 있습니다.
❷ Wizlogo
＊ 한국어 지원하는 파비콘 만들기 사이트
① 웹사이트 접속 → 이미지 첨부 → [일으키다] 클릭
파일 첨부하는 곳 밑에서 파비콘(ico) 파일 생성 또는 운영 체제별 아이콘 생성을 선택할 수 있습니다. 단, 파비콘 만들기는 32×32 크기만 가능합니다.
② 다운로드 폴더에서 ico 파일 확인
❸ Website Planet
＊ 한국어 지원하는 파비콘 만들기 사이트
① 웹사이트 접속 → 이미지 첨부 (필요에 따라 설정 변경)
파일 첨부칸 옆의 [설정]을 클릭하면 파비콘 또는 다른 사이즈로 선택할 수 있습니다. 단, 파비콘 만들기는 16×16 크기만 가능합니다.
② [다운로드] 클릭
③ 압축파일 풀기 → ico 파일 확인
지금까지 파비콘이란 뜻과 파비콘 만들기 사이트를 알아봤습니다.
이제 웹사이트에서 기본적으로 제공되는 파비콘 말고 나만의 예쁜 파비콘을 만드실 수 있겠죠? 물론 이미지를 만드는 것은 본인의 디자인 역량도 조금 필요하겠지만, 다른 사이트들의 파비콘을 참고하며 연구해보시길 바라겠습니다.
감사합니다 🙂
▶ 참고하면 좋은 글
- 딥페이크 프로그램 TOP 10 추천 (ft. 만들기 사이트)
- AI 그림 사이트 추천 TOP 10 (feat. AI 인공지능 분야)
- avif jpg 변환 사이트 10가지 추천
- 인공지능이란 무엇일까? 활용 사례 7가지
- 딥 러닝이란 무엇일까? 종류 10가지와 머신 러닝 차이점