웹 기초 다지기 파비콘 사

웹 브라우저 탭, 즐겨찾기 목록, 심지어 스마트폰 홈 화면에서도 우리 눈에 띄는 작은 아이콘, 바로 파비콘입니다. 마치 웹사이트의 얼굴과 같은 존재죠. 파비콘은 단순히 예쁜 그림이 아니라, 사용자 경험을 향상시키고 브랜드 인지도를 높이는 중요한 요소입니다.

파비콘(favicon)은 'favorites icon'의 줄임말로, 웹사이트를 대표하는 작은 이미지 파일입니다. 흔히 `.ico` 형식으로 저장되지만, `.png`, `.gif`, `.jpg` 등 다양한 이미지 형식을 지원합니다. 과거에는 `.ico` 무료 파비콘 형식이 주로 사용되었으나, 최신 브라우저들은 다양한 형식을 폭넓게 지원하고 있습니다. 특히, PNG 형식은 투명 배경을 지원하여 더욱 깔끔하고 세련된 파비콘을 만들 수 있습니다.

파비콘을 웹사이트에 적용하는 방법은 간단합니다. HTML 문서의 `` 섹션에 `` 태그를 추가하여 파비콘 파일의 경로를 지정해주면 됩니다. 예를 들어, `favicon.png` 파일이 웹사이트의 루트 디렉토리에 있다면 `사이트맵 rel="icon" href="favicon.png">`와 같이 작성하면 됩니다. 다양한 크기의 파비콘을 지원하기 위해 여러 개의 `` 태그를 추가할 수도 있습니다. 예를 들어, 아이폰과 안드로이드 폰에서 다르게 보이도록 설정할 수 있습니다.

파비콘을 잘 활용하면 사용자가 여러 탭을 열어놓았을 때, 원하는 웹사이트를 빠르게 찾을 수 있도록 도와줍니다. 또한, 웹사이트를 즐겨찾기에 추가했을 때, 파비콘이 함께 저장되어 시각적으로 더욱 쉽게 구분할 수 있게 해줍니다. 마치 우리 동네 맛집 간판처럼, 한눈에 알아볼 수 있는 개성 있는 파비콘을 만들어 웹사이트를 더욱 돋보이게 만들어 보세요.