본문 바로가기
정보공유

파비콘 만드는 방법 / ico 변환 사이트

by 9월스튜디오 2020. 5. 20.

 


파비콘(favicon)이란?

즐겨찾기(favorites)와 아이콘(icon)의 합성어로,

웹 브라우저 상단과 즐겨찾기에 표시되며,

사이트를 상징하는 아이콘 이미지입니다.

 

즐겨찾기 창
웹브라우저 상단

위 이미지처럼 각 사이트마다

대표하는 아이콘 이미지가 상단에 주소나 이름 옆에 표시됩니다.

이 파비콘은 강제적인 것은 아니지만,

각 탭이 어떤 사이트인지 개성이 잘 표현되는게 느껴집니다.

 

 

제 블로그도 원래 티스토리의 기본 로고였는데요,

저만의 파비콘을 생성하여 변경했습니다.

 

↓↓↓↓↓↓↓↓↓

 

제 개성이 드러나는 저만의 아이콘이

사이트 상단 탭에 표시되니,

여러 탭을 열어놓아도 눈에 띄어 찾기도 쉽습니다.

 

 

자 그럼, 5분도 걸리지 않는 ,아주 쉬운!

파비콘을 생성하는 방법 알려드리겠습니다.

 

 


 

먼저, 필요한 준비물은

아이콘으로 변환 할 이미지 입니다.

이미지를 변경해주실 프로그램을 실행해주세요.

가장 기본인 그림판을 사용했습다.

이미지의 크기는 16*16픽셀로 설정해주시고,

다른이름으로 저장하기를 눌러서

이미지의 확장자를 PNG로 저장해주셔야 합니다.

 

 


 

 

첫번째로, 확장자를 변경하는 방법이 있습니다.

위에서 저장한 16*16픽셀 사이즈의 png파일을

마우스 오른쪽 버튼을 클릭해서 이름바꾸기를 클릭합니다.

 

아래처럼 뒤 확장자를 png에서 ico로 바꿔주시면 됩니다.

확장자 변경이 성공하면 아래처럼

오른쪽 마우스 버튼을 클릭하여 파일의 속성을

확인했을 때, 아이콘(.ico)라고 뜹니다.

그럼 파비콘 생성이 다 된겁니다.

 

 

하지만, 가끔 그냥 이름만 sample.ico로 바뀌고

뒤 확장자는 그대로 .png가 붙은채로

파일 형식이 바뀌지 않는 경우가 있습니다.

그럴땐 파비콘 생성 사이트를 들어가서

이미지를 변환하는 방법이 있습니다.

 


 

두번째 방법입니다.

아래 사이트를 클릭하여 들어가시면 되는데요.

한글로 되어있고, 플랫폼도 깔끔해서

이용하기 편했습니다.

 

https://convertio.co/kr/png-ico/

 

PNG ICO 변환 (온라인 무료) — Convertio

png 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요.

convertio.co

사이트의 메인페이지 입니다.

빨간 박스 안에 파일 선택이라는 글자 옆

파일 돋보기 아이콘을 클릭하여,

파비콘으로 변경할 png이미지를 선택해주세요.

 

 

아래와 같이 선택한 png 파일이 로드되어

ICO 변환 선택으로 자동으로 설정되어있습니다.

이제 빨간 박스 안 변환버튼만 눌러주시면 됩니다.

 

변환 중이라는 화면으로 바뀌면

조금만 기다리시면 됩니다.

 

 

아래와 같이 변환 완료 메세지가 뜨면

오른쪽의 파란 박스 안 다운로드 버튼을 눌러주세요.

그럼, 보통 DOWNLOADS 폴더 또는 지정하신 폴더로

변환 완료된 ico 파일이 다운로드 됩니다.

 

 

 

 


여기까지 따라하는 데에 큰 어려움 없을 겁니다.

파비콘 생성하셔서

홈페이지에 나만의 아이콘 등록해보세요.

 

감사합니다 :)

 

댓글