아이폰, 아이 패드 및 아이팟 터치를위한 웹 사이트 아이콘을 추가하는 방법

Favicon.ico-브라우저의 웹 사이트 아이콘

이 웹 사이트를 시작하고 그래픽 파일을 추가하기 전에, 파비콘, 브라우저의 주소 표시 줄에 나타납니다. 대부분의 상황에서 파비콘은 그래픽 로고의 썸네일 또는 각 웹 사이트의 이니셜입니다. 이 파비콘은 사용자가 북마크에서 웹 주소를 빠르게 식별 할 수 있도록 추가되었습니다.

스텔스 Settings 파비콘

스텔스 Settings 사파리의 파비콘

오페라에서 파비콘

오페라에서 파비콘

최근까지이 파일은 "favicon.ico", 웹 브라우저로 식별됩니다. 크롬, 인터넷 Explorer, Opera, Safari, Firefox 등
몇 년 동안, 새로운 웹 언어를 발전와, HTML5 si CSS3, 파비콘이 될 수 .PNG 파일 또는 . JPG. 조건은, 사이트의 헤더입니다 전에이 라인한다 :

iOS 용 웹 사이트 아이콘-iPhone, iPad 및 iPod Touch

In 아이폰 OS 우리는 추가 할 수 있습니다 웹 페이지 바로 가기 pe 홈 화면CPC 아이폰, 아이 패드 si 아이팟 터치.

아이폰, 아이 패드 및 아이팟 홈 화면에 웹 사이트 바로 가기를 추가하는 방법

iPhone (Safari, Chrome 등 인터넷 브라우저)에서 웹 페이지를 열고 화살표가있는 사각형 (iOS에서 "공유"기호)을 클릭 한 다음 옵션을 클릭하면됩니다.홈 화면에 추가".

웹 사이트는 브라우저의 파비콘을 설정하지만, 설정하지 않은 경우 iOS 기기 특정 아이콘 사이트화면은 아이콘이 이루어지는 표시됩니다 이미지 미리보기 웹 페이지.

아이폰, 아이 패드 및 안드로이드 웹 아이콘을 추가하는 방법.

첫 번째 단계이다 화상 아이콘을 만들에 나타나 홈 화면클릭당 비용 (CPC)의 iDevice 커뮤니티. 웹 아이콘을 위해 우리는 이미지를 만들어야합니다, 모든 장치에 명확하게 표시하는 호환 모든 아이폰과 아이 패드 해상도.

iPhone, iPad, iPod 및 Android의 표준 아이콘 해상도 및 크기

  • 클래식 iPhone / iPod 모델 = 57 × 57
  • 아이 패드 = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • 아이 패드 레티 나 = 152 × 152
  • 아이폰 6 / 6S 플러스 = 180 × 180

Apple 정기적으로 업데이트 권장 아이콘 크기URL을 응용 프로그램 si 웹 페이지 pe 이 페이지.

장치의 안드로이드를 들어, 아이콘이 차원은 다음과 같습니다 :

  • Android 클래식 = 128 × 128
  • 고해상도 Android (고해상도) = 192 × 192

아이콘

이미지를 만든 후 웹 서버에 업로드하고 웹 사이트의 HTML 소스에 업로드합니다. , 다음 행이 추가됩니다.

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

장치 Apple, .PNG 이미지 이름 및 "rel ="에는 접두사 "가 포함되어야합니다.apple- ". Android의 경우 파일 이름은 "아이콘 hires.png"그리고"아이콘 normal.png"with rel ="icon ".

각 해상도에 대해 이미지를 만들 필요는 없습니다. 가장 높은 해상도의 이미지를 만들 수 있으며, 해상도가 낮은 장치는 이미지를 식별하여 아이콘으로 설정합니다.

아이폰 아이콘 웹 사이트

웹 사이트 바로 가기 아이콘은 iOS 용 응용 프로그램.

아이폰, 아이 패드 및 아이팟 터치를위한 웹 사이트 아이콘을 추가하는 방법

저자에 관하여

스텔스

모든 가제트와 IT에 대한 열정, 나는 스텔스에 대한 즐거움으로 글을 씁니다.settings.com은 2006 년부터 컴퓨터 및 운영 체제 macOS, Linux, Windows, iOS 및 Android.

코멘트를 남겨