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

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

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

Stealth Settings 파비콘
Stealth Settings 파비콘 Safari
오페라에서 파비콘
오페라에서 파비콘

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

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

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

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

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

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

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

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

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

  • Mode클래식 렐 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 소스에 업로드합니다. , 다음 행이 추가됩니다.

<링크 href="/apple-touch-icon.png”rel =”apple-터치 아이콘”/> <링크 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 ″ />

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

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

iPhone-웹 사이트-아이콘

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

기술 애호가로서, 2006년부터 StealthSettings.com에서 기쁨을 가지고 글을 쓰고 있습니다. macOS, Windows, Linux 등 다양한 운영 체제에 대한 풍부한 경험이 있으며 프로그래밍 언어 및 블로깅 플랫폼 (WordPress)과 같은 분야에도 정통하고 있습니다. 온라인 스토어 (WooCommerce, Magento, PrestaShop)를 포함하여 여러 분야에서 경험이 있습니다.

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