파비콘 만들기

그 크기에서는 글자가 든 그림이 뭉개집니다. 단순한 모양일수록 잘 보입니다. 정사각형이 아닌 그림은 가운데를 잘라 씁니다 — 여백을 두면 알아볼 부분이 몇 픽셀 남지 않기 때문입니다.

쓰는 자리가 다 다르기 때문입니다. 브라우저 탭은 16·32px, iOS 홈 화면은 180px, 안드로이드는 192·512px 를 봅니다. 큰 것 하나만 두면 작게 줄여 쓰면서 뭉개지고, 작은 것만 두면 홈 화면에서 흐려집니다.

PNG 를 읽는 브라우저가 대부분이지만, 주소창 옆이나 즐겨찾기처럼 /favicon.ico 를 먼저 찾아보는 자리가 남아 있습니다. 한 파일 더 두는 값이 크지 않아 함께 만듭니다.

됩니다. PNG 로 나오는 것들은 투명이 그대로 살고, .ico 도 투명을 담습니다. 다만 어두운 탭 배경에서 검은 글씨 아이콘은 안 보이게 되니, 어느 배경에서도 보이는 모양인지 확인하세요.

브라우저가 그 파일을 그림으로 열 수 있으면 됩니다. SVG 는 크기가 적혀 있지 않으면 브라우저마다 다르게 열거나 열지 못하기도 하므로, 안 되면 PNG 로 한 번 내보내서 넣으세요.

만들지 않습니다. 192·512 그림은 나오지만 안드로이드가 홈 화면에 쓰려면 웹 앱 매니페스트가 그 둘을 가리켜야 하고, 그 파일에는 이름·색·시작 주소처럼 여기서 알 수 없는 것이 들어갑니다. 나온 그림을 두고 매니페스트의 icons 에 두 줄을 적으세요.

가지 않습니다. 브라우저 안에서만 처리하고 어디에도 보내거나 저장하지 않습니다. 사내 설정 파일이나 운영 쿼리처럼 밖으로 내보내기 곤란한 것도 그래서 쓸 수 있습니다. 인터넷을 끊고도 동작합니다.