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

곰플레이어 통합코덱 다운로드, 초보자도 쉽게 설치하기

곰플레이어는 다양한 동영상 포맷을 지원하는 인기 있는 미디어 플레이어예요. 많은 사람들이 곰플레이어로 여러 종류의 동영상을…

3시간 ago

맥북 우분투 완벽 설치 가이드, 한 번에 해결!

맥북에서 우분투를 설치하고 사용하는 방법을 알아보세요. 이 가이드는 우분투 설치부터 활용까지 단계별로 쉽게 설명합니다. 우분투를…

1일 ago

테라박스 사용법과 다운로드 꿀팁, 완벽 가이드

오늘날 디지털 시대에는 대용량 파일을 안전하게 저장하고 공유하는 것이 아주 중요합니다. 테라박스(TeraBox)는 이런 요구를 충족시켜주는…

4일 ago

갤럭시 스토어 설치, 5분 안에 해결법

삼성 갤럭시 폰을 쓰고 있다면, 갤럭시 스토어를 사용해서 앱이나 게임을 다운로드하고 업데이트할 수 있을 거예요.…

6일 ago

윈도우 캡쳐 단축키 총정리! 놓치면 손해

디지털 세상에서 화면을 캡처하는 건 아주 유용한 기능이에요. 화면 캡처는 정보를 친구나 동료에게 공유하거나 문제가…

1주 ago

가성비 외장하드 추천! 최고의 제품 TOP 5

디지털 시대에 데이터 저장의 중요성은 날로 커지고 있습니다. 사진, 동영상, 업무 파일 등 다양한 데이터를…

1주 ago