figma.com 파비콘
- 27통과
- 4경고
- 0누락
- 10선택
figma.com의 대표 파비콘 파일은 favicon.svg(864 B SVG 파일)입니다. 아이콘 파일 14개를 찾았으며, 총 크기는 68.0 KB입니다. 구글 검색에서 사용할 수 있는 파일: icon-256.png(3.7 KB 256×256 PNG 파일). 이 사이트의 점수는 100점 만점에 92점입니다. 통과 27개, 경고 4개, 누락 0개입니다.
표시 모습
찾은 파일을 실제로 렌더링한 모습입니다.
어두운 탭에서도 아이콘이 보이는지 확인하세요.
figma.com의 파비콘 파일 전체
14개 발견| 파일 | 발견 경로 | 형식 | 크기 | 용량 |
|---|---|---|---|---|
| favicon.ico | 기본 경로 | ICO | 64 px | 16.6 KB |
| icon-128.png | rel="icon" | PNG | 128×128 | 1.9 KB |
| icon-192.png | rel="icon" · 매니페스트 | PNG | 192×192 | 2.8 KB |
| icon-256.png | rel="icon" | PNG | 256×256 | 3.7 KB |
| favicon.png | rel="icon" | PNG | 32×32 | 589 B |
| favicon.svg | rel="icon" | SVG | 벡터 | 864 B |
| favicon.ico | rel="icon" | ICO | 64 px | 16.6 KB |
| touch-76.png | rel="apple-touch-icon" | PNG | 76×76 | 1.2 KB |
| touch-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.9 KB |
| touch-152.png | rel="apple-touch-icon" | PNG | 152×152 | 2.3 KB |
| touch-167.png | rel="apple-touch-icon" | PNG | 167×167 | 2.5 KB |
| touch-180.png | rel="apple-touch-icon" | PNG | 180×180 | 2.6 KB |
| icon-512-maskable.png | 매니페스트, 마스커블 | PNG | 512×512 | 6.8 KB |
| icon-512.png | 매니페스트 | PNG | 512×512 | 7.6 KB |
기본 파비콘
통과 5개 · 경고 1개favicon.ico
경고GET /favicon.ico · HTML에 선언되지 않음(루트에서 발견)
- 형식
- ICO(실제)
- 포함 이미지
- 64
- 파일 크기
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 캐시
- 4시간
ICO에 16px 또는 32px 이미지가 없어 브라우저가 더 큰 이미지를 축소해 사용합니다.
PNG 128×128
통과<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- 선언값
- 128×128
- 실제값
- 128×128
- 형식
- PNG
- 파일 크기
- 1.9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
통과<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- 선언값
- 192×192
- 실제값
- 192×192
- 형식
- PNG
- 파일 크기
- 2.8 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
통과<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- 선언값
- 256×256
- 실제값
- 256×256
- 형식
- PNG
- 파일 크기
- 3.7 KB
- HTTP
- 200
- Content-Type
- image/png
PNG
통과<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- 선언값
- 크기 없음
- 실제값
- 32×32
- 형식
- PNG
- 파일 크기
- 589 B
- HTTP
- 200
- Content-Type
- image/png
ICO
통과<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- 선언값
- 크기 없음
- 실제값
- 64
- 형식
- ICO
- 파일 크기
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 아이콘
통과 1개SVG 파비콘
통과<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- 정사각형 viewBox
- 예
- 다크 모드
- 아니요
- 스크립트
- 없음
- 파일 크기
- 864 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG 안에 prefers-color-scheme 미디어 쿼리를 추가하면 다크 브라우저 테마에서 색상을 바꿀 수 있습니다.
Apple
통과 1개 · 선택 5개Apple touch icon 76×76
선택<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
- 선언값
- 76×76
- 실제값
- 76×76
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 1.2 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 120×120
선택<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
- 선언값
- 120×120
- 실제값
- 120×120
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 1.9 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 152×152
선택<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
- 선언값
- 152×152
- 실제값
- 152×152
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 2.3 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon 167×167
선택<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
- 선언값
- 167×167
- 실제값
- 167×167
- 권장
- 180×180
- 배경
- 측정 안 됨
- 파일 크기
- 2.5 KB
- HTTP
- 200
구형 크기입니다. 현재 iOS는 180px 아이콘을 사용합니다.
Apple touch icon
통과<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
- 선언값
- 180×180
- 실제값
- 180×180
- 권장
- 180×180
- 배경
- 불투명
- 파일 크기
- 2.6 KB
- HTTP
- 200
Safari 고정 탭(mask-icon)
선택<link rel="mask-icon" href="…" color="…"> – 찾을 수 없음
레거시입니다. Safari 12 이상은 일반 파비콘을 사용하므로 더 이상 필요하지 않습니다.
웹 앱 매니페스트 파일
통과 1개manifest.json
통과<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 유효
- 파일 크기
- 555 B
- 동일 출처
- 예
- 캐시
- 30초
매니페스트 항목
통과 7개 · 경고 1개 · 선택 2개- nameFigma
- short_namename이 너무 길 때 홈 화면에서 대신 사용됩니다.설정 안 됨
- start_url설치한 앱을 실행할 때 열리는 페이지입니다.설정 안 됨
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 2.8 KB · 200
- icons · 512×512PNG · 7.6 KB · 200
- icons · purpose: maskable512×512
- id설정 안 됨
구글 검색
통과 6개- 지원되는 파일 형식PNG · icon-256.png
- 정사각형, 8×8px 이상256×256
- 48×48px보다 큼256 px
- 홈페이지에 선언됨예
- robots.txt에서 차단되지 않음허용
- 고정된 URL리디렉션 없음
메타 및 레거시
통과 1개 · 선택 3개- theme-color#ffffff
- 다크 모드용 theme-colormedia="(prefers-color-scheme: dark)"설정 안 됨
- msapplication-TileColorWindows 타일, 레거시.설정 안 됨
- browserconfig.xmlWindows 타일, 레거시.찾을 수 없음
전송 및 성능
통과 5개 · 경고 2개- 모든 아이콘에 HTTPS14개 중 14개
- 혼합 콘텐츠 없음http:// 링크 0개
- 깨진 링크 없음오류 0개
- 캐시 헤더아이콘은 거의 바뀌지 않으므로 하루 이상 캐시하세요.14개 중 0개 · 1일 이상
- 아이콘 총 용량68.0 KB
- 리디렉션0
- 중복 태그여러 rel="icon" 태그가 같은 크기를 선언하면 브라우저는 마지막 것을 사용합니다.2 × 크기 없음
<head>에서 찾은 아이콘 태그
<link rel="manifest" href="/manifest.json?v=1"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180"> <meta name="theme-color" content="#ffffff">
figma.com 파비콘 관련 질문
figma.com 파비콘은 어디에 있나요?
대표 파비콘 주소는 https://static.figma.com/app/icon/2/favicon.svg입니다. 기본 경로 https://www.figma.com/favicon.ico에서도 아이콘이 반환됩니다.
figma.com 파비콘의 크기는 얼마인가요?
favicon.svg의 경우 벡터 파일이므로 어떤 크기로도 확대하거나 축소할 수 있습니다. 사이트에서 가장 큰 래스터 아이콘은 512×512px의 icon-512-maskable.png입니다.
구글 검색에 figma.com의 파비콘이 표시될 수 있나요?
이 사이트는 구글의 규칙을 충족합니다. icon-256.png(3.7 KB 256×256 PNG 파일) 파일을 사용할 수 있으며 robots.txt에서도 허용됩니다. 표시 여부는 구글이 최종적으로 결정합니다.
figma.com에 Apple touch icon과 마스커블 아이콘이 있나요?
Apple touch icon 크기는 180×180입니다. 매니페스트에 마스커블 아이콘이 있습니다.