Favicon.im은 모든 웹사이트에서 파비콘을 가져올 수 있는 무료의 신뢰할 수 있는 API를 제공합니다. API 키 불필요, Cloudflare 글로벌 에지 네트워크의 빠른 응답.
빠른 시작
파비콘을 가져오는 것은 URL을 구성하는 것만큼 간단합니다:
더 큰 크기 (최대 256px)
https://favicon.im/{domain}?larger=true
지금 시도
https://favicon.im/github.com
API 매개변수
| Parameter | Type | Description |
|---|---|---|
{domain} |
string | 파비콘을 가져올 웹사이트 도메인 (프로토콜 제외) |
larger |
boolean | "true"로 설정하면 더 큰 아이콘 가져오기 (최대 256px) |
default-avatar |
string (URL) | 파비콘을 찾지 못했을 때 리디렉션할 URL (URL 인코딩 필요) |
throw-error-on-404 |
boolean | 파비콘을 찾지 못했을 때 HTTP 404 반환 (커스텀 폴백 처리용) |
코드 예제
<img src="https://favicon.im/github.com" alt="GitHub favicon" loading="lazy" />
<!-- With larger size -->
<img src="https://favicon.im/github.com?larger=true" alt="GitHub favicon" />
<!-- With fallback -->
<img src="https://favicon.im/example.com"
onerror="this.src='/fallback-icon.png'"
alt="Website favicon" />
기능
API 키 불필요
즉시 사용 시작 - 등록 없음, 인증 없음, 번거로움 없음.
글로벌 CDN
파비콘은 전 세계 엣지 위치에서 캐시되어 빠르게 전달됩니다.
스마트 폴백
여러 소스 검색: favicon.ico, HTML link 태그, 웹 매니페스트, Apple 터치 아이콘.
자동 최적화
요청에 가장 적합한 파비콘 형식과 크기를 반환합니다.
CORS 지원
프록시 없이 브라우저 기반 애플리케이션에서 직접 사용.
고가용성
99.9% 가동률과 자동 장애 조치 및 중복성.
사용 사례
링크 미리보기
앱이나 웹사이트에서 링크와 함께 파비콘을 표시하여 더 나은 시각적 맥락 제공.
북마크 관리자
북마크 목록에 웹사이트 아이콘을 표시하여 빠르게 식별.
브라우저 확장 프로그램
브라우저 확장에서 탭, 기록 또는 북마크의 파비콘 가져오기.
분석 대시보드
분석 및 보고 인터페이스에 클라이언트/웹사이트 로고 표시.
CRM 시스템
웹사이트 도메인을 기반으로 회사 로고 표시.
소셜 미디어 도구
시각적 웹사이트 식별로 링크 공유 강화.
기술 세부 정보
응답 형식
적절한 Content-Type 헤더(image/png, image/x-icon, image/svg+xml 등)와 함께 파비콘 이미지를 직접 반환
캐싱
파비콘은 24시간 동안 캐시됩니다. 직접 핫링크 가능하며 사용자 측 캐싱 불필요.
크기 옵션
기본값은 표준 파비콘(~32px)을 반환. larger=true로 최대 256px 가져오기 가능.
오류 처리
파비콘을 찾지 못하면 기본 플레이스홀더를 반환하거나, throw-error-on-404가 설정되면 404를 반환.
모범 사례
- ✓ img 태그에 loading="lazy" 속성을 사용하여 한 번에 너무 많은 파비콘을 로드하지 않도록
- ✓ 접근성을 위해 적절한 alt 텍스트 추가 (예: "GitHub 파비콘")
- ✓ 커스텀 폴백 이미지를 위해 onerror 핸들러 사용 고려
- ✓ Next.js의 경우 favicon.im을 신뢰할 수 있는 이미지 도메인 구성에 추가
- ✓ 고트래픽 애플리케이션에서는 자주 액세스하는 도메인의 응답을 로컬에 캐시