Favicon 검사기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
웹사이트가 어떤 파비콘을 제공하는지 확인합니다. 레거시 ICO 파일, 최신 PNG 변형, Apple touch 아이콘, 웹 앱 매니페스트를 포함합니다. Toova는 브라우저에서 가져와서 미리 보기를 보여주므로 자체 사이트를 감사하거나 경쟁사와 비교할 수 있습니다.
왜 파비콘이 엉망인가
브라우저, 모바일 플랫폼, 소셜 카드, RSS 리더, 브라우저 확장 프로그램은 모두 파비콘을 다른 곳에서 찾습니다. /favicon.ico, /apple-touch-icon.png, 매니페스트, meta 태그. /favicon.ico만 제공하는 사이트는 모든 최신 컨텍스트를 놓칩니다. Toova는 모든 일반 위치를 확인하고, 결과를 보여주며, 누락된 것을 표시하므로 요청을 수동으로 작성하지 않고 자체 사이트를 감사할 수 있습니다.
확인되는 것
루트의 고전적인 /favicon.ico. apple-touch-icon 크기(180×180, 152×152, 120×120). HTML에 선언된 PNG 파비콘. 사이트의 웹 앱 매니페스트(manifest.json)와 참조하는 아이콘. 소셜 카드가 사용하는 Open Graph 이미지. Toova는 각각을 가져오고, 크기와 치수를 보여주며, 누락된 것을 표시합니다. 디자인 시스템과 브랜드 감사에 유용합니다.
로컬 전용
가져오기는 대상 사이트의 CORS 정책에 따라 브라우저에서 실행됩니다. 확인하는 URL은 Toova 서버로 전송되지 않습니다. 어떤 사이트를 감사하는지에 대한 로깅이 없습니다. 경쟁 분석을 실행하거나 출시되지 않은 도메인을 확인할 때 중요합니다. 네트워크 탭은 다른 곳이 아닌 대상 사이트에 대한 요청을 보여줍니다.
자주 묻는 질문
- 왜 파비콘 크기가 많습니까?
- 다른 컨텍스트는 다른 크기를 사용합니다. iOS 홈 화면은 180×180을 원합니다. Android 홈 화면은 매니페스트 아이콘(종종 192×192 및 512×512)을 사용합니다. 데스크톱 브라우저 탭은 16×16 및 32×32를 사용합니다. 그 모든 것을 제공하는 것이 어디서나 선명하게 보이는 유일한 방법입니다.
- 여전히 favicon.ico가 필요합니까?
- 예, 기본적으로 /favicon.ico를 보는 레거시 브라우저와 도구의 경우. 최신 브라우저도 명시적인 파비콘이 선언되지 않으면 그것으로 대체합니다. PNG 변형과 함께 제공하십시오.
- 웹 앱 매니페스트가 무엇입니까?
- manifest.json(또는 manifest.webmanifest)은 설치 가능한 웹 앱에 대한 아이콘, 이름, 테마 색상을 선언합니다. Android는 홈 화면 설치 프롬프트에 사용합니다. iOS도 이름과 아이콘을 읽지만 일부 속성은 Android에서만 작동합니다.
- 왜 가끔 CORS 오류가 표시됩니까?
- 일부 호스트는 교차 출처 이미지 가져오기를 차단합니다. Toova는 응답을 확인하여 아이콘이 존재하는지 여전히 감지하지만 미리 보기에서 이미지를 렌더링할 수 없습니다. 실제 웹사이트는 항상 잘 작동합니다. 이는 단지 도구 제한입니다.
- 제가 확인하는 URL이 어디든 로깅됩니까?
- 아니요. Toova는 확인하는 URL을 보지 않습니다. 요청은 브라우저에서 대상 사이트로 직접 갑니다.