로고 하나만 올리면 요즘 웹사이트에 필요한 모든 것을 얻을 수 있습니다. 다중 크기 favicon.ico, 16~512픽셀 PNG 아이콘, Apple 터치 아이콘, 그리고 바로 붙여넣을 수 있는 HTML 태그까지. 아이콘은 내 기기에서 만들어지며 업로드되지 않습니다.
드래그 앤 드롭, 클릭하여 선택 또는 붙여넣기
PNG, JPG, WebP, SVG - 512 px 이상의 정사각형 이미지 권장
이 파일을 처리하는 중 문제가 발생했습니다. 다른 파일을 시도해 주세요.
파일을 사이트 루트에 업로드하세요. 192 px와 512 px 아이콘은 웹 앱 매니페스트용입니다.
브라우저에서만 실행됩니다. 파일은 업로드되지 않습니다.
PNG, JPG, WebP 또는 SVG를 끌어다 놓으세요. 512 px 이상의 정사각형 이미지를 쓰면 가장 선명한 아이콘이 만들어집니다.
이미지를 잘라 정사각형을 채우거나, 투명 여백을 더해 이미지 전체를 맞추세요. Apple 터치 아이콘에 쓸 배경색도 고르세요.
16, 32, 48, 180, 192, 512 px PNG와 다중 크기 favicon.ico를 ZIP 하나로 받고, 바로 쓸 수 있는 link 태그를 복사해 사이트에 넣으세요.
파일은 기기에서 처리되며 어떤 서버에도 업로드되지 않습니다.
계정도, 제한도, 결과물 워터마크도 없습니다.
브라우저에서 네이티브 속도로 실행되며 페이지가 로드된 후에는 오프라인에서도 작동합니다.
설정은 직접 선택합니다. 몰래 축소하거나 재압축하지 않습니다.
16, 32, 48 px가 담긴 favicon.ico는 브라우저 탭과 북마크에, 180 px Apple 터치 아이콘은 iPhone과 iPad 홈 화면에, 192 px와 512 px PNG는 안드로이드와 웹 앱 매니페스트에 쓰입니다. 이 도구는 이 모든 파일을 만들어 줍니다.
파일을 사이트의 루트 폴더에 업로드하고, 생성된 link 태그를 페이지의 head 안에 붙여넣으세요. 브라우저는 /favicon.ico도 자동으로 찾습니다.
최소 512×512픽셀의 정사각형 이미지를 사용하세요. 굵은 형태의 단순한 로고는 16픽셀로 줄여도 잘 보이지만, 세밀한 디테일과 가는 글씨는 알아보기 어렵습니다.
브라우저는 파비콘을 강하게 캐시합니다. 캐시를 지우거나 시크릿 창에서 확인하거나, /favicon.ico?v=2처럼 파일 이름에 버전을 붙여 보세요.
iOS는 홈 화면 아이콘의 투명한 부분을 검은색으로 채웁니다. 그래서 이 도구는 180 px 아이콘 뒤에 선택한 배경색을 칠해 의도한 대로 보이게 합니다.