파비콘 만들기
그림 하나를 올리면 브라우저 탭(16·32·48), iOS 홈 화면(180), 안드로이드 웹 앱(192·512) 아이콘을 한 번에 만듭니다. head에 붙여 넣을 코드와 site.webmanifest 내용도 함께 내주며, 그 파일 이름은 실제로 만드는 파일과 같습니다.
🔒 사진은 이 브라우저 안에서만 처리됩니다. 서버로 전송되지 않고 어디에도 저장되지 않습니다.
이 도구로 할 수 있는 것
- 플랫폼이 실제로 찾는 여섯 크기
- head 코드와 매니페스트 함께
- 정사각형이 아니면 가운데를 잘라 씀
- 투명 배경 PNG로 저장
자주 묻는 질문
Q. 왜 이 여섯 가지 크기인가요?
각 플랫폼이 실제로 찾는 크기입니다. 16·32는 브라우저 탭, 48은 바로가기, 180은 iOS 홈 화면(apple-touch-icon), 192·512는 안드로이드 웹 앱 매니페스트가 씁니다.
Q. .ico 파일은 안 만드나요?
만들지 않습니다. 요즘 브라우저는 PNG 파비콘을 그대로 읽고, 함께 내주는 head 코드도 PNG를 가리킵니다. 아주 오래된 브라우저까지 챙겨야 한다면 별도 변환이 필요합니다.
Q. 정사각형이 아닌 그림을 올리면요?
가운데를 기준으로 짧은 변에 맞춰 정사각형으로 자릅니다. 늘려서 맞추면 그림이 찌그러집니다.
Q. 함께 나오는 코드는 어디에 넣나요?
head 코드는 HTML의 <head> 안에, 매니페스트 내용은 site.webmanifest 파일로 저장해 사이트 최상위에 둡니다. 만든 PNG들도 같은 최상위에 두면 됩니다.
다른 이미지 도구
아주 큰 사진(4천만 화소 이상)은 기기 메모리에 따라 처리가 느리거나 실패할 수 있습니다.