직접 코딩하거나 기존 솔루션을 사용할 수 있습니다.
- 그것 - 스스로는 <link rel="apple-touch-icon" href="/apple-touch-icon.png">
같은 코드에서 애플 터치 아이콘 선언에 대한
- 봐 알고리즘입니다. 이 사진의 범위는 57x57에서 152x152입니다. 전체 참조 정보는 Apple specs을 참조하십시오.
- Apple 터치 아이콘 선언을 찾지 못하더라도 Apple 명명 규칙에 따라 어쨌든로드하려고 시도하십시오. 예를 들어,
/apple-touch-icon.png
에서 찾을 수 있습니다. 참조 용으로 다시 Apple specs을 참조하십시오.
- 코드에서 고화질 PNG favicon을 찾으십시오 (예 :
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
). 이 예에서는 196x196 크기의 그림이 있습니다.
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
과 같은 Windows 8/IE10 및 Windows 8.1/IE11 타일 사진을 찾으십시오. 이 사진의 범위는 70x70에서 310x310 또는 그 이상입니다. 이 Windows 8 및 Windows 8.1 참조를 참조하십시오.
- Windows 8.1/IE11 전용 인
/browserconfig.xml
을 찾으십시오. 이것은 타일 사진을 찾을 수있는 다른 장소입니다. Microsoft specs을 참조하십시오.
- 과 같은
og:image
선언을 찾습니다. 이것은 웹 사이트가 FB/Pinterest/무엇이든지 그것을 표현하기 위해 선호하는 그림을 나타내는 방법입니다. 참조 용으로 Open Graph Protocol을 참조하십시오.
- 이 시점에서 적절한 로고를 찾지 못했습니다 ... 저주! 페이지의 모든 그림을로드하고 최상의 그림을 추측 할 수 있습니다.
참고 : 1, 2, 3 단계는 기본적으로 북마크 및 홈 스크린 링크에 적합한 아이콘을 얻기 위해 Chrome이 수행하는 작업입니다. Opera의 Coast는 MS 타일 사진을 사용하여 작업을 완료합니다. which browser uses which picture (전체 공개 : 나는이 페이지의 저자 임)을 알아 내기 위해이 목록을 읽으십시오.
API와 오픈 소스 RealFaviconGenerator
프로젝트 :이 favicon retrieval API 어떤 웹 사이트의 파비콘 또는 (예 : 터치 아이콘 등) 관련 아이콘을 얻을 수 있습니다. 전체 공개 : 저는이 서비스의 저자입니다.
BestIcon : 포괄적이지는 않지만 Besticon은 좋은 대안을 제공합니다. 특히 코드를 직접 호스트하려는 경우 더욱 그렇습니다. 지금 당장 사용할 수있는 hosted version도 있습니다.
파이어 폭스는 자주 방문한 페이지의 스크린 샷을 소요하고 시작 페이지에 썸네일로 정렬합니다. 나는 그것이 최선의 방법이라고 생각한다. 그 외에도, favicon을 제외하고는 표준화 된 방법이 없습니다. 헤더 영역에 대한 페이지를 스캔하여 일반적으로 가장 왼쪽에 가장 큰 이미지를 찾습니다.이 이미지는 웹 사이트의 로고 일 것입니다. 가장 일반적으로 사용되는 CMS 및 블로그 소프트웨어를 분석하여 일반적인 태그 태깅 또는 배치 패턴을 확인할 수 있습니다. http://googlewebmastercentral.blogspot.com/2013/05/using-schemaorg-markup-for-organization.html – tiguchi
@ 노부, webView에서 스냅 샷을 찍을 수는 있지만 문제는 여러 번 표시 할 때입니다. 모바일 장치의 스냅 샷은별로 의미가 없습니다. 또한 모바일 장치에 방문한 모든 페이지의 스냅 샷을 저장해야합니다. 가장 왼쪽의 가장 큰 이미지가 대부분의 경우 로고가 될 수 있다면 시도해 보겠습니다. – Harish
브라우저 기록 목록에 대해 이러한 로고 또는 아이콘이 필요합니까? 이 스크린 샷을 자르고 크기를 조정하고 Android의 작업 전환기와 비슷한 시각적 효과를 낼 수 있습니다. 하지만 로고 감지 기능이 잘 작동한다면 괜찮습니다. 브라우저가 로고를 감지 할 수없는 경우를 대비해 어떤 종류의 대체 동작이 필요합니다. – tiguchi