파비콘은 웹 브라우저 주소창에 표시되는 대표 아이콘을 말합니다. 눈에 잘 보이진 않지만 웹사이트 제작에서 중요한 요소로 꼽힙니다.
파비콘(Favicon) = Favorites + Icon
‘즐겨찾기’ + ‘아이콘’이라는 의미가 더해져 탄생한 파비콘은 웹 브라우저 주소창 좌측에 작은 이미지로 표시되는데요. 사용자가 웹 브라우저에 여러가지 탭을 사용하고 있을 때 웹 사이트를 쉽게 식별할 수 있도록 도와줍니다.
파비콘은 다음과 같은 영역에 노출됩니다.
1. 브라우저
브라우저 상단에 웹사이트 탭이 많을 때, 사이트명과 함께 파비콘이 노출됩니다.
2. 북마크
특정 웹사이트나 웹 페이지를 북마크에 추가할 때, 북마크 폴더를 보면, 파비콘과 페이지명이 함께 표시됩니다.
3. 검색결과
구글이나 네이버에서 검색할 때 검색결과에 웹사이트명과 함께 파비콘이 표시됩니다.
파비콘, 왜 중요할까?
1. 브랜드 인식과 빠른 식별
사용자는 파비콘을 통해 웹사이트의 아이콘, 로고 등을 쉽게 인식하기 때문에, 일관된 브랜드의 정체성을 보여줄 수 있습니다. 파비콘을 통해 해당 웹사이트를 쉽게 구별하고 관리할 수 있어 사용자 경험을 개선하는 효과도 갖습니다.
2. 모바일 호환성
파비콘은 PC 뿐만 아니라 모바일 장치에서도 동일하게 사용되며 모바일 브라우저나 앱 아이콘으로 활용할 수 있습니다. 이로 인해 사용자가 모바일 환경에서도 동일하게 서비스를 식별할 수 있습니다.
3. 신뢰도, 전문성 상승
파비콘이 사이트 보안에 영향을 미치진 않지만, 사용자가 파비콘이 있는 사이트를 신뢰하는 경향이 있습니다,
검색엔진 최적화 관점에서도 파비콘은 중요합니다. 검색엔진 결과에 파비콘이 노출되어 웹사이트의 신뢰성과 전문성을 평가하는 요소로 활용하고 클릭율을 높이는 효과가 있습니다.
파비콘 디자인 팁
파비콘은 16x16 픽셀의 아주 작은 이미지지만 내 브랜드와 웹사이트에 가장 적합한 파비콘을 만들기 위해서는 아래 3가지 팁을 참고해야 합니다.
1. 단순하게 만들기
너무 작거나, 질감을 표현 또는 그림자 같은 요소는 피하고 너무 많은 디테일이 들어가지 않도록 합니다. 한 눈에 알아볼 수 있게 두껍고 선명한 아이콘을 만들어야 합니다.
2. 브랜드 정체성 담기
브랜드의 이미지와 파비콘이 너무 달라 사용자를 혼란스럽게 하지 않도록 파비콘은 웹사이트와 브랜드의 분위기를 어느정도는 담고 있어야 합니다. 브랜드를 나타내는 심볼이 있다면 더욱 좋습니다.
3. 로고 활용
파비콘에 텍스트를 넣고 싶다면 1~3글자 또는 이니셜 하나를 단순화해서 작업하는 것도 좋습니다.
파비콘으로 하고 싶은 이미지를 가지고 있다면, 아래 파비콘 생성기를 통해 직접 만들어보세요!
👉 파비콘 생성기 - https://www.favicon-generator.org/
💬 레드커머스 한 마디! 레드커머스 창업자라면 ‘파비콘’ 제작을 레드커머스 운영팀에 요청할 수 있습니다! 파비콘 이미지를 어떤 식으로 만들지 내용을 정리하여 메일(red@redcomm.kr)로 요청하거나 직접 제작하여 파비콘 생성기를 통해 받은 코드와 파일을 첨부하여 메일로 보내주세요. 파비콘 관련 궁금한 부분이 있다면 언제든 문의주세요. |
파비콘은 웹 브라우저 주소창에 표시되는 대표 아이콘을 말합니다. 눈에 잘 보이진 않지만 웹사이트 제작에서 중요한 요소로 꼽힙니다.
파비콘(Favicon) = Favorites + Icon
‘즐겨찾기’ + ‘아이콘’이라는 의미가 더해져 탄생한 파비콘은 웹 브라우저 주소창 좌측에 작은 이미지로 표시되는데요. 사용자가 웹 브라우저에 여러가지 탭을 사용하고 있을 때 웹 사이트를 쉽게 식별할 수 있도록 도와줍니다.
파비콘은 다음과 같은 영역에 노출됩니다.
1. 브라우저
브라우저 상단에 웹사이트 탭이 많을 때, 사이트명과 함께 파비콘이 노출됩니다.
2. 북마크
특정 웹사이트나 웹 페이지를 북마크에 추가할 때, 북마크 폴더를 보면, 파비콘과 페이지명이 함께 표시됩니다.
3. 검색결과
구글이나 네이버에서 검색할 때 검색결과에 웹사이트명과 함께 파비콘이 표시됩니다.
파비콘, 왜 중요할까?
1. 브랜드 인식과 빠른 식별
사용자는 파비콘을 통해 웹사이트의 아이콘, 로고 등을 쉽게 인식하기 때문에, 일관된 브랜드의 정체성을 보여줄 수 있습니다. 파비콘을 통해 해당 웹사이트를 쉽게 구별하고 관리할 수 있어 사용자 경험을 개선하는 효과도 갖습니다.
2. 모바일 호환성
파비콘은 PC 뿐만 아니라 모바일 장치에서도 동일하게 사용되며 모바일 브라우저나 앱 아이콘으로 활용할 수 있습니다. 이로 인해 사용자가 모바일 환경에서도 동일하게 서비스를 식별할 수 있습니다.
3. 신뢰도, 전문성 상승
파비콘이 사이트 보안에 영향을 미치진 않지만, 사용자가 파비콘이 있는 사이트를 신뢰하는 경향이 있습니다,
검색엔진 최적화 관점에서도 파비콘은 중요합니다. 검색엔진 결과에 파비콘이 노출되어 웹사이트의 신뢰성과 전문성을 평가하는 요소로 활용하고 클릭율을 높이는 효과가 있습니다.
파비콘 디자인 팁
파비콘은 16x16 픽셀의 아주 작은 이미지지만 내 브랜드와 웹사이트에 가장 적합한 파비콘을 만들기 위해서는 아래 3가지 팁을 참고해야 합니다.
1. 단순하게 만들기
너무 작거나, 질감을 표현 또는 그림자 같은 요소는 피하고 너무 많은 디테일이 들어가지 않도록 합니다. 한 눈에 알아볼 수 있게 두껍고 선명한 아이콘을 만들어야 합니다.
2. 브랜드 정체성 담기
브랜드의 이미지와 파비콘이 너무 달라 사용자를 혼란스럽게 하지 않도록 파비콘은 웹사이트와 브랜드의 분위기를 어느정도는 담고 있어야 합니다. 브랜드를 나타내는 심볼이 있다면 더욱 좋습니다.
3. 로고 활용
파비콘에 텍스트를 넣고 싶다면 1~3글자 또는 이니셜 하나를 단순화해서 작업하는 것도 좋습니다.
파비콘으로 하고 싶은 이미지를 가지고 있다면, 아래 파비콘 생성기를 통해 직접 만들어보세요!
👉 파비콘 생성기 - https://www.favicon-generator.org/
💬 레드커머스 한 마디!
레드커머스 창업자라면 ‘파비콘’ 제작을 레드커머스 운영팀에 요청할 수 있습니다!
파비콘 이미지를 어떤 식으로 만들지 내용을 정리하여 메일(red@redcomm.kr)로 요청하거나 직접 제작하여 파비콘 생성기를 통해 받은 코드와 파일을 첨부하여 메일로 보내주세요.
파비콘 관련 궁금한 부분이 있다면 언제든 문의주세요.