favicon.ico – 브라우저의 웹 사이트 아이콘
웹 사이트가 시작되기 전에 그래픽 파일이 추가되고 파비콘, 주소 표시 줄에 브라우저에 나타납니다. 대부분의 상황에서 Favicon은 그래픽 로고 또는 해당 웹 사이트의 이니셜 미니어처입니다. 이 Favicon은 사용자가 북마크에서 웹 주소를 더 빨리 식별 할 수 있도록 추가되었습니다.
최근 까지이 파일은 모양이어야했습니다 “favicon.ico“웹 브라우저에서 식별 할 수 있습니다. 크롬, 인터넷 익스플로러, 오페라, 사파리, 파이어 폭스 등
몇 년 동안 새로운 웹 언어의 발전으로 html9 그리고 CSS3, favicon은 a Fisier .png 또는 .jpg. 조건은 사이트의 헤더에서 ~ 전에 </머리>, 라인을 참조하려면 :
<링크 rel =”바로 가기 아이콘” href =”/images/favicon.ico” 유형 =”이미지/X-ICON” />
iOS 용 웹 사이트 아이콘 – iPhone, iPad Si iPod 터치
~ 안에 iOS 우리는 추가 할 수 있습니다 웹 페이지의 단축키 PE 홈 화면-ULiPhone,,, iPad 그리고 아이팟 터치.
iPhone, iPad 및 iPod 홈 화면에 웹 사이트의 바로 가기를 추가하는 방법
우리는 iPhone (Safari, Chrome 등)에서 웹 페이지를 열어서이 작업을 수행합니다. 인터넷 브라우저), 화살표로 정사각형을 누릅니다 (표지판 “공유하다” iOS)에서는 옵션입니다 “홈 화면에 추가하십시오“.
웹 사이트에 브라우저에 대한 Favicon Set이 있지만 설정되지 않은 경우 iOS 장치에 특화된 아이코 나이트, 화면에서 미리보기를 상상해보십시오 웹 페이지의.
iPhone, iPad 및 Android 용 웹 아이콘을 추가하는 방법.
첫 번째 단계는 그의 것입니다우리는 iconita에 대한 이미지를 만듭니다, 그것은 나타납니다 홈 화면아이디어. 웹 아이콘이 모든 장치에서 호환되고 명확하게보기 위해서는 이미지를 만들어야합니다. 모든 iPhone 및 iPad 해상도.
iPhone, iPad, iPod 및 Android 용 표준 해상도 및 아이콘 크기
- 클래식 iPhone / iPod / 57 모델×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad retina = 152×152
- iPhone 6/6S Plus = 180×180
Apple 정기적으로 업데이트하십시오 아이콘의 권장 치수URL 응용 프로그램 그리고 웹 페이지 PE 이 페이지.
안드로이드 장치의 경우 아이콘은 두 가지 크기입니다.
- 안드로이드 클래식 = 128 × 128
- 고해상도 (고해상도) = 192 × 192 인 안드로이드
이미지를 찍은 후에는 웹 서버와 웹 사이트의 HTML 소스에서 닫기 전에 </머리>, 다음 줄을 추가하십시오.
<링크 href =”/apple-touch-icon.png” rel =”Apple-Touch-Icon” /> <링크 href =”/Apple-Touch-Icon-76×76.png” rel =”Apple-Touch-Icon” 크기 =”76×76″ /> <링크 href =”/Apple-Touch-Icon-120×120.png” rel =”Apple-Touch-Icon” 크기 =”120×120″ /> <링크 href =”/Apple-Touch-Icon-152×152.png” rel =”Apple-Touch-Icon” 크기 =”152×152″ /> <링크 href =”/Apple-Touch-Icon-180×180.png” rel =”Apple-Touch-Icon” 크기 =”180×180″ /> <링크 href =”/icon-hires.png” rel =”상” 크기 =”192×192″ /> <링크 href =”/icon-normal.png” rel =”상” 크기 =”128×128″ />
Apple 장치의 경우 .png 이미지 이름 및 “rel =” 접두사를 포함해야합니다 “사과-“. Android의 경우 파일 이름이 있습니다 “Icon-Hires.png” 그리고 “Icon-normal.png” rel =”상”.
각 해상도에 대한 이미지를 만들 필요는 없습니다. 해상도가 가장 높은 이미지를 만들 수 있으며 해상도가 낮은 장치는이를 식별하여 아이콘으로 설정합니다.
웹 사이트의 바로 가기 아이콘은 iOS 응용 프로그램.
