웹 사이트에 아이콘을 추가하는 방법 iPhone, iPad 및 iPod Touch

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

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

Stealth Settings 파비콘
Stealth Settings 사파리의 파비콘
오페라에서 파비콘
오페라에서 파비콘

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

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

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

웹 사이트에 바로 가기를 추가하는 방법 iPhone, iPad 및 iPod 홈 화면

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

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

웹 아이콘을 추가하는 방법 iPhone, iPad 및 Android.

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

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

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

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

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

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

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

<link href=”/apple-touch-icon.png”rel =”apple-터치 아이콘”/> <link href=”/apple-touch-icon-76 × 76.png”rel =”apple-touch-icon”크기 =”76 × 76 ″ /> <link href=”/apple-touch-icon-120 × 120.png”rel =”apple-touch-icon”크기 =”120 × 120 ″ /> <link href=”/apple-touch-icon-152 × 152.png”rel =”apple-touch-icon”크기 =”152 × 152 ″ /> <link href=”/apple-touch-icon-180 × 180.png”rel =”apple-touch-icon”크기 =”180 × 180 ″ />

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

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

iPhone-웹 사이트-아이콘

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

방법 » iHowTo » iHowTo - iOS » 웹 사이트에 아이콘을 추가하는 방법 iPhone, iPad 및 iPod Touch

기술에 대한 열정, 저는 운영 체제에 대한 튜토리얼을 테스트하고 작성하는 것을 좋아합니다. macOS, Linux, Windows, 에 대한 WordPress, WooCommerce 및 LEMP 웹 서버 구성(Linux, NGINX, MySQL 및 PHP). 나는 에 쓴다 StealthSettings2006 년부터 .com을 시작했고 몇 년 후 iHowTo에 글을 쓰기 시작했습니다. 생태계의 장치에 대한 팁 튜토리얼 및 뉴스 Apple: iPhone, iPad, Apple 시계, HomePod, iMac, MacBook, AirPods 및 액세서리.

코멘트를 남겨