파비콘 생성기
간단한 이미지를 파비콘과 웹사이트 아이콘 팩으로 바꿔보세요. 작은 크기에서도 디자인이 인식 가능한지 확인하고 파일을 다운로드한 후 포함된 설치 예제를 따르세요.
시작하기 전에
- 입력
- JPG, PNG 또는 정적 WebP 이미지 1개.
- 출력
- ICO, PNG 아이콘, 매니페스트 및 HTML 예시가 포함된 ZIP입니다.
도구 로딩…
귀하의 기기에서 처리되었습니다. 귀하의 파일과 텍스트는 당사 서버에 업로드되지 않습니다.
이 도구를 사용하는 방법
- JPG, PNG 또는 정적 WebP 이미지를 선택하세요.
- 정사각형으로 자르거나 패딩을 추가하고 아이콘 미리보기를 검사하세요.
- ZIP을 다운로드하고 예제 경로를 웹 사이트에 맞게 조정하세요.
결과 이해
파비콘은 아주 작은 크기로 나타나는 경우가 많습니다. 명확한 기호나 문자는 일반적으로 상세한 삽화나 작은 텍스트보다 더 잘 작동합니다. 생성된 파일은 여전히 웹사이트에서 업로드하고 참조해야 합니다.
작고 선명한 아이콘을 준비하세요
다운로드하기 전에 16픽셀 미리보기를 검사하세요. 작은 정사각형 안에 넓은 워드마크나 전체 사진을 읽을 수 있을 것으로 기대하지 마세요.
샘플을 사용해 보세요
원본 샘플을 사용하여 지원되는 워크플로를 검사해 보세요. 성공적인 샘플이 모든 입력에 대해 보장되는 것은 아닙니다.
원본 이미지 샘플 ↓결과가 기대한 것과 다른 경우
사이트에 여전히 이전 아이콘이 표시됩니다.
파일을 생성해도 설치되지 않습니다. 아이콘 URL과 페이지 마크업을 확인한 다음 사이트 캐시를 지우고 새로운 브라우저 세션을 테스트하세요. 브라우저 및 검색 결과 아이콘은 서로 다른 시간에 업데이트될 수 있습니다.
다음 유용한 도구: SVG~PNG →중요 한도
- 이미지 입력 전용; 먼저 SVG를 PNG로 변환합니다.
- 이 도구는 웹 사이트 구성을 변경하지 않습니다.
- 캐싱 및 플랫폼 동작이 다를 수 있으므로 아이콘을 설치한 후 자신의 웹사이트를 확인하세요.
- 최대 10개의 MB 및 1,200만 픽셀. 출력에는 ICO, PNG 아이콘, 웹 매니페스트 및 ZIP 형식의 예제 HTML가 포함됩니다.
자주 묻는 질문
이렇게 하면 내 사이트에 파비콘이 설치됩니까?
아니요. 파일과 예제를 준비합니다. 파일을 업로드하고 경로나 웹사이트 설정을 업데이트하세요.
팩을 사용하면 내 웹사이트가 PWA로 만들어지나요?
아니요. 아이콘 파일과 기본 웹 매니페스트는 웹 앱 설정의 일부일 뿐입니다.
16픽셀에서 로고를 읽기 어려운 이유는 무엇입니까?
해당 크기에서는 미세한 디테일이 사라질 수 있습니다. 더 단순한 기호, 더 강한 모양 또는 마크 주위에 더 많은 공간을 사용해 보십시오.
관련 가이드
질문이나 수정사항이 있으신가요? mrkcal@mrkcal.com