파비콘(Favicon) : 웹페이지 상단 탭 아이콘

2017.02.01 13:42|

나리보스|

추천4|

조회수355|

댓글0

길었던 연휴가 끝났습니다! :)

 

보스님들 파비콘에 대해 알고 계신가요?

 

파비콘에 대한 설명이 좋은 페이지가 있어 간단히 정리해보았습니다.

(원문은 하단에 있습니다)

 

파비콘이란

 

: 웹페이지에 접속했을 때, 상단 탭에 보여지는 아이콘 입니다.

 

 

 

파비콘의 기본설정

 

: 대부분 아이콘(icon)파일의 형태로 도메인의 루트 디렉토리에 위치해 있습니다.

 

 

 

favicon.ico 파일은 16컬러 24비트 파일 알파 투명도 포맷의 16x16 아이콘(ICON)파일 입니다.

최근에는 32x32를 지원하는데, 주요 인기의 브라우저들에게 적절하게 축소되어 표현해줍니다.

 

ICO 파일 크기 추천

 

16x16 : IE9 주소 표시줄, 고정된(pinned) 사이트의 점프목록/툴바/오버레이

32x32 : IE의 새로운 탭 페이지, 윈도우7 이상에서 작업 표시줄 단추, Safari 나중에 읽기 사이드바

48x48 : 윈도우즈 사이트 아이콘

 

파비콘과 IE 브라우저 유의사항

 

1. IE8~10은 페이지의 첫 방문에 바로 파비콘을 표현해 줍니다.

2. IE7은 첫번째 방문은 무시하고 재방문시에 파비콘을 표시해 줍니다.

3. IE6은 사이트를 북마크 한 후 브라우저를 다시 열면 표시해 줍니다.

 

파비콘 PNG 파일 지원 사항

 

favicon.ico > favicon.png 

 

: Chrome, Firefox, Opera7+, Safari4+ 는 모두 PNG 파비콘을 지원하지만 Chrome과 Safari는 ICO 파비콘이 함께 지정되어 있으면 선언된 순서에 상관없이 ICO 파비콘을 사용합니다.

즉, PNG 파비콘을 지원하지 않는 IE를 위해 ICO 파일을 사용하게 되는 순간, Chrome과 Safari는 PNG 파비콘을 무시하게 됩니다.

 

.

.

.

 

자세한 내용은 아래 링크에서 확인해보세요 :D

 

출처 : http://webdir.tistory.com/337

4
0

하트 아이콘치킨님님 외 3명이 추천했습니다.

댓글 0
소셜로그인
번호제목작성자등록일추천조회
144무점포 소자본창업을 꿈꾸고있습니다 

택배왕김착불

17.06.19070
143고도몰, 카페24 쇼핑몰제작시 기본 구매해야할 것?[4] 

달슈

17.06.130134
141고도몰VS카페24VS메이크샵 어떤게 좋은가요?[7] 

환희씨

17.06.021237
139스토어팜 폰트사이즈 조절[2] 

수성이

17.05.300183
138개인방송국 솔루션 제작[2] 

택배왕김착불

17.05.260281
136오픈마켓 크롤링 하시는 업체 있나요?[2] 

쇼핑왕

17.05.190230
135자사몰 운영하시는 분들의 비율이 어느정도될까요?[4] 

두둠칫두둠칫

17.05.120274
134안녕하세요, 쇼핑몰 솔루션을 환불해 보신 분이 계실까..[3] 

코스모스플랜

17.04.260250
133안녕하세요. 사이트 운영에 도움이 필요해 의견 여쭤봐..[2] 

스텝어라운드

17.04.180241
BEST(html코딩)마케터를 위한 바로가기 버튼 생성법 [7] 

권용범

17.04.11191,301
130기존 쇼핑몰 리뉴얼 관련 질문입니다.[3] 

ajlfdsjl

17.04.030285
129쇼핑몰 홈페이지 자체개발 vs 메이크샵 어떤게?[2] 

무슨상관

17.03.291416
127동영상강좌 1강[4] 

바나로이

17.02.282452
126쇼핑몰제작 추천좀해주세요.[4] 

바나로이

17.02.272410
125[IOS]하이브리드앱 , 웹뷰에 관하여. 

바나로이

17.02.272619
1241.쇼핑몰 솔루션의 선택 !![9] 

바나로이

17.02.2510723
123쇼핑몰 제작 강좌를 진행해보려 합니다[13] 

바나로이

17.02.257371
119다수엑셀파일을 하나로 합치기(무료프로그램)[6] 

전옥철

17.02.165610
118기존 임대몰에서 몰인몰로의 이전 문의드립니다.[5] 

라임엘프

17.02.132320
117모바일에 HTML5 적용하면 문제가 될까요?[2] 

보스톡4

17.02.053293
116파비콘(Favicon) : 웹페이지 상단 탭 아이콘 

나리보스

17.02.014356
BEST카페24 SNS 로그인 연동! 가능합니다![10] 

나리보스

17.01.16142,013
114자사몰 SNS 연동 로그인 기능 문의드립니다.[3] 

CHLOE_SK

17.01.161332
113카페24로 쇼핑몰제작시 페이스북 픽셀[5] 

디스트

17.01.142644
BESTHTML 태그 정리[10] 

나리보스

17.01.13191,369
110크롬 개발자 도구를 사용하여 홈페이지 수정요청하기[4] 

나리보스

17.01.060627
107홈페이지 리뉴얼을 제로보드 xe로 하려고 합니다.[8] 

맘스퀸

16.12.052572
106웹페이지에 2개의 이미지를 좌우로 나란히 붙이기...도와..[8] 

uniquest

16.11.242584
105홈페이지 리뉴얼 작업하려고 합니다.[7] 

맘스퀸

16.11.071909
104미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

16.11.011652
12345 다음 페이지로 이동 마지막 페이지로 이동
top

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

내 댓글

전체보기

받은 쪽지함

모두 읽음 표시 쪽지함

새로운 쪽지가 없습니다.

쪽지함

스크랩함

전체보기

스크랩한 게시글이 없습니다.

아이보스 추천 게시글을 스크랩 해보세요! 스크랩하기
아이보스 배너광고 영역