소셜로그인 중단 안내

계정으로 로그인 기능이 2023년 11월 16일 중단되었습니다.

아이보스 계정이 사라지는 것은 절대 아니며, 계정의 이메일 주소를 이용해 로그인 하실 수 있습니다.

▶️ 자세한 공지사항 확인

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

2017.02.01 13:42

나리보스

조회수 5,001

댓글 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

아직 등록된 댓글이 없습니다.
나리보스님의 게시글에 첫번째 댓글을 남겨보세요.

댓글 새로고침
로그인 후 더욱 많은 기능을 이용하세요!아이보스 로그인