Upgrade of Life

It's useful information to know.

IT, Computer

파비콘, Favicon 만들기 / 사이트에 적용하기

Juni_R 2023. 3. 16. 17:13
728x90

파비콘(Favicon)은 "Favorites Icon"의 줄임말로, 웹사이트를 대표하는 작은 아이콘입니다. 주로 웹 브라우저의 탭, 북마크, 주소창 옆에 표시되며, 사이트를 시각적으로 식별할 수 있도록 돕는 역할을 합니다. 예를 들어, 브라우저에서 여러 탭을 열었을 때, 각 사이트의 파비콘을 통해 어떤 사이트인지 쉽게 구분할 수 있습니다.

 

파비콘은 단순한 디자인 요소를 넘어, 웹사이트의 전문성과 신뢰도를 높이는 데 기여합니다. 작은 크기지만, 사용자 경험(UX)을 향상시키고 사이트의 가시성을 높이는 데 중요한 역할을 합니다.

 

 

제작한 이미지를 파비콘 ico로 변환해주는 사이트

정사각형의 형태로 이미지를 제작한 후 업로드 해주면 파비콘을 만들어 줍니다.

사이트에 적용방법은 하단의 적용방법을 참조바랍니다.

https://convertico.com/favicon/

 

FavICO.com - Free Online Favicon Generator : Convert image to ico file

 

convertico.com

 

 

파비콘은 북마크 옆과 대부분의 브라우저 주소 표시줄에 표시되는 작은 아이콘입니다. 파비콘은 16픽셀 정사각형입니다. 사진을 업로드하고 'Make Favicon!'을 클릭합니다. 귀하의 웹 사이트에 대한 favicon을 만들 수 있습니다. 이 파비콘 생성기는 알파 투명도를 지원합니다.

favicon.ico 파일을 만든 후 웹 사이트의 루트 디렉터리에 업로드하고 html 페이지의 다음 코드를 <head> ~</head> 사이에 넣습니다:

 

파비콘 삽입소스

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

 

 

 

 

반응형