IT 팁

파비콘 만들기, 무료 웹사이트에서 제작하는 방법

파비콘 (favicon)이란 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 인터넷 웹브라우저의 주소창 옆에 표시되는 아이콘 입니다. 파비콘은 접속하는 웹사이트나 웹페이지를 대표하는 아이콘이라 할 수 있으며 크롬, 익스플로러, 파이어폭스, 오페라 등의 대부분의 브라우저에서 모두 지원하고 있습니다. 파비콘에 사용되는 크기는 주로 16×16, 32×32, 48×48, 64×64 픽셀이며 8비트, 24비트, 32비트 색상이 적용됩니다. 파비콘은 누구나 간단하게 생성해서 웹사이트나 블로그에 적용할 수 있는데요. 이번 시간에는 쉽고 간편하게 할 수 있는 파비콘 만들기 방법에 대해 알아보겠습니다.



윈도우10 1903 업데이트, 여유 공간 32Gb는 필수

pdf 번역, 퀄리티 좋은 구글 문서 번역기를 사용하세요

구글 이미지 번역 사용법, 사진의 문자를 번역하세요

구글 결제 내역 조회, 스마트폰에서 확인하는 법

컴퓨터 메모리 확인 방법, 업그레이드 시 주의할 점


파비콘 만들기 사이트

파비콘 만들기는 파비콘 제작 기능을 제공하고 있는 웹사이트를 사용해서 만드는 것이 가장 편리합니다. 무료로 이용할 수 있는 사이트의 종류는 매우 다양한데, 그 중 가장 사용법이 편리하고 결과물의 퀄리티가 좋은 곳은 Convertico라는 곳 입니다. 이 곳은 제가 파비콘 (ICO 파일)을 만들 때 자주 애용하는 곳 입니다.

파비콘 만들기 사이트 바로가기




파비콘 만들기

본문 페이지 상단에 첨부한 Convertico 바로가기 링크를 클릭하여 해당 홈페이지에 접속합니다. 인터넷 브라우저를 이용한 작업이므로 반드시 인터넷에 연결된 상태여야 합니다.

 

  • 인터넷 웹사이트에서 파비콘으로 이용하고자 하시는 이미지 파일을 미리 구해놓습니다.
  • 이미지 파일은 가로와 세로 크기가 1:1 비율로 동일한 것이 좋습니다.
  • Favico.com에 접속하시면 아래와 같은 화면을 보실 수 있습니다.
  • Browse 버튼을 클릭하여 pc에 저장된 이미지 파일을 불러오기 합니다.
  •  Select a Size에서 32×32를 선택합니다.
  • 이미지 업로드가 완료되면 화면 하단의 Create 버튼을 클릭하여 파비콘 만들기 작업을 시작합니다.

 

  • 파비콘 제작이 완료될 때 까지 매우 짧은 시간만 소요됩니다.
  • 웹페이지의 우측을 보시면 결과물을 미리 확인할 수 있습니다.
  • 돋보기 모양을 클릭하여 웹사이트나 블로그에 어떤 모양과 형태로 적용이 되는지 사전에 확인해볼 수 있습니다.

 

  • 적용된 형태가 마음에 든다면, 화살표 모양의 다운로드 버튼을 클릭하여 ICO 파일을 다운로드 받아 사용하시면 됩니다.




파비콘 웹사이트에 적용하는 법

파비콘을 자신의 웹사이트에 적용하는 방법은 아주 간단합니다. 특히 본문에 설명드린 사이트를 이용하실 경우에는 특히나 더 간편합니다.

  • 본문에 설명드린 웹사이트에서 favicon을 만듭니다.
  • 생성한 favicon.ico 파일을 웹 사이트의 루트 폴더에 저장합니다.
  • html의 <head>에 다음 코드를 작성합니다.
  • <link rel = “shortcut icon”href = “/ favicon.ico”type = “image / x-icon”/>
  • 자신의 웹사이트에 방문하여 파비콘이 정상적으로 적용되었는지 확인하시면 됩니다.




티스토리 파비콘 적용하기

티스토리 블로그를 사용하는 유저라면, 파비콘을 매우 간단하게 적용할 수 있습니다.

 

  • 티스토리 관리 페이지에 접속하신 후, 화면 좌측 하단의 블로그 메뉴를 선택합니다.

 

  • 블로그 관리 메뉴에서 ‘파비콘, 파일형식 ICO’의 우측에 보이는 불러오기 버튼을 클릭합니다.
  • 사전에 만들어 놓은 ICO 파일을 불러오기 하여 적용 버튼을 클릭하시면 티스토리 블로그에 파비콘 적용이 완료됩니다.



IT talk

Recent Posts

아이폰13 사전예약 사은품 할인 정보

애플의 최신 스마트폰인 아이폰13이 드디어 출시됩니다. 우리나라는 10월 1일부터 10월 7일까지 사전예약을 진행하고 10월 8일부터…

3년 ago

윈도우 정품 인증 절차, 5000원으로 Windows 10 제품키 구매하는 방법

윈도우10 운영체제를 사용하고 있는 유저라면 정품 인증을 하라는 문구가 상당히 거슬리게 느껴집니다. 윈도우 정품 인증을…

3년 ago

심즈4 치트키 2021년 버전, 복사 붙여넣기 가능 사용법 알아보세요

반갑습니다. 저는 요즘 심즈4를 아주 즐겨 플레이하고 있습니다. 게임이 출시된지 꽤나 오랜 시간이 지났지만 여전히…

3년 ago

배그 국민옵션 144hz 방어하는그래픽카드별 사양 설정하는 방법

배틀그라운드가 출시된지 어느새 몇 년이 지났지만 아직까지도 굉장히 높은 인기를 구사하고 있습니다. 출시 초기 전…

3년 ago

파이썬 독학 초보자 추천 3가지, 무료로 배울 수 있는 교재와 사이트

컴퓨터 공학생들이나 배우는 것 아니냐라는 말을 들어왔던 코딩이란 분야가 이제는 이과나 문과에 상관없이 필수 공부 영역에…

3년 ago

삼성전자 배당금 지급일 2021년, 간편 조회 및 받는 법

요즘 주식에 투자하는 사람들이 정말 많다고 합니다. 사실 저는 주식의 '주'자도 몰랐던 사람인데 하도 주변에서…

3년 ago