로고 한 장 넣고 ZIP 하나 받으면 끝. favicon.ico 와 애플·안드로이드용 PNG, 붙여 넣을 HTML 까지.
🔒 이 파일은 당신의 기기를 벗어나지 않습니다 — 서버 전송 없음
favicon.ico(16·32·48 을 한 파일에), favicon-16/32/48.png, apple-touch-icon.png(180, iOS 홈 화면), icon-192.png·icon-512.png(안드로이드·PWA), site.webmanifest, 그리고 head 에 넣을 <link> 조각. 전부 ZIP 하나로 받습니다.
512px 이상의 정사각형 PNG 나 SVG 가 가장 좋습니다. 가로로 긴 로고는 가운데 정렬되며 좌우가 비게 되므로, 심볼(마크)만 따로 넣는 편이 작게 줄였을 때 알아보기 쉽습니다. 16px 에서 글자는 거의 안 보입니다.
투명 배경은 탭·즐겨찾기에서 자연스럽고, iOS 홈 화면 아이콘은 투명 부분이 단색(검정 등)으로 채워질 수 있어 배경색을 지정하는 편이 안전합니다. iOS 는 모서리를 스스로 둥글게 깎으므로 apple-touch-icon 은 각진 상태가 보통입니다. iOS·Android·Windows 는 각각 Apple·Google·Microsoft 의 상표이며 Keepdesk 는 이들과 제휴·후원·승인 관계가 없습니다.
ZIP 안의 파일을 사이트 루트(/)에 올리고 snippet.html 의 줄들을 <head> 안에 넣습니다. 브라우저 캐시 때문에 바로 안 바뀌면 주소 뒤에 ?v=2 같은 값을 붙여 보세요.
아니요. 크기 조절·ICO 묶기·ZIP 이 모두 브라우저 안에서 끝납니다.
브라우저가 그릴 수 있는 SVG 면 됩니다. 외부 글꼴·외부 이미지를 참조하는 SVG 는 그 부분이 빠질 수 있습니다.
PNG 를 담은 ICO 는 현대 브라우저와 최근 Windows 에서 읽히지만, 아주 오래된 환경은 BMP 형식만 읽기도 합니다. 그런 경우를 대비해 favicon-32.png 를 함께 두세요.