탑 셀러스

파비콘 쉽게 만들기 본문

참고자료

파비콘 쉽게 만들기

top-seller 2023. 7. 10. 19:08
반응형

 

 

 

안녕하세요 한씨네 이야기입니다.

이번 글에서는 파비콘 만드는 것을 알아볼 건데요 혹시 파비콘이 뭔지 아시나요??

사전적 의미부터

 

파비콘

 

즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음 웹 사이트의 루트 디렉터리에 갖다 넣으면 된다.

 

파비콘(favicon)은 Favorite 과 Icon 의 줄인 말로 즐겨찾기 아이콘입니다.

아직도 어떤 건지 모르시면 예를 들어볼까요?

구글의파비콘

네이버파비콘

 

프리픽 파비콘

 

 

그럼 내 사이트에 맞는 이쁜 파비콘을 만들어보자

파비콘은 포토샵으로 간단하게 만들 수 있다

 

 


1. 포토샵으로 이미지 만들기

가로 16 세로 16 해상도 300으로 설정 후

※ 백그라운드는 Transparent로 설정해준다.

이유는 투명하게 설정해야 만든 파비콘이 제대로 나온다.

이렇게 만든 이미지를 저장해준다

 

※ 저장을 할 때는 꼭 PNG로 저장해준다

이 이미지를 갖고 이제 특정 사이트를 들어가서 변환을 시켜줘야 한다

ConvertICO.com - Convert PNG to ICO and ICO to PNG files

This free online icons converter allows you to convert PNG to ICO files with ease.

http://www.convertico.com


2. 사이트에서 변환하기

위 사이트에 접속하여

 

사진 설명을 입력하세요.

구름모양을 클릭하고

※만든 이미지 파일(PNG)를 업로드한다

 

※빨간색 부분을 클릭 후 다운로드하면

유용했다면 좋아요 부탁드려요~

 

 

 

 

반응형
Comments