본문 바로가기
SKIN & CSS

파비콘 만들기

글: 논어일기 2023. 1. 14.
반응형

예전에 만든 파비콘을 바꿨다. 

"파비콘(fabicon)"("즐겨찾기 아이콘(favorites icon)"의 줄임말)은 웹 브라우저의 주소 표시줄, 탭 및 책갈피에 표시되는 작은 아이콘이다. 일반적으로 사용자가 웹 사이트 또는 웹 페이지를 빠르게 식별하는 데 사용된다. 아이콘은 웹 사이트 로고를 간단하게 나타낸 것으로 크기는 보통 16x16픽셀이다. 파비콘은 일반적으로 .ico 파일로 저장되지만 .png 또는 .gif 파일로도 저장할 수 있으며 웹 페이지의 HTML 코드에서 요소를 사용하여 지정한다.

관리자 화면에서 왼쪽 메뉴에서 블로그를 선택하면 파비콘을 바꾸는 화면이 나온다.

뭔가 알아보기 쉽게 한글을 넣었다. 파비콘을 만드는 방법은 간단하다.

1. 먼저 파비콘으로 만들 이미지 파일을 준비하자. 바탕에 진한 색이 있어야 눈에 잘 띈다.

2. 파비콘을 만들어 주는 아래 링크에서 만들면 끝이다.

https://www.favicon-generator.org/

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

너무 작아서 눈을 가늘게 뜨고 보아야 하지만 그래도 논어라는 글씨를 식별할 수 있다. 여러분의 블로그를 상징하는 파비콘을 만들어 넣어 보자. 이제 나머지는 디자인의 영역이다. 다른 사이트가 만든 파비콘을 참조하면 좋은 아이디어를 얻을 수 있지 않을까? 하지만 그렇게 쉽지는 않다.

반응형