파비콘 생성기
무료 파비콘 생성기. 이미지, SVG, 텍스트나 이모지로 favicon.ico, PNG 아이콘, Apple touch icon, 웹 매니페스트를 브라우저에서 바로 만드세요.
무엇을 하나
파비콘은 브라우저의 탭, 북마크, 방문 기록에 표시되는 작은 아이콘입니다. 휴대폰에서 사이트를 홈 화면에 추가할 때도 사용됩니다. 이 생성기는 그림 한 장, SVG 로고, 또는 몇 글자의 텍스트나 이모지로 웹사이트에 필요한 모든 파일을 만들어 줍니다. 16, 32, 48픽셀 이미지가 들어 있는 favicon.ico, 16, 32, 192, 512픽셀 PNG 아이콘, 180픽셀 Apple touch icon, 웹 매니페스트, 페이지에 붙여 넣을 HTML 태그가 포함됩니다.
사용 방법
- 이미지나 SVG를 선택하거나, 한두 글자의 텍스트 또는 이모지를 입력하세요.
- 미리보기를 보면서 모양, 배경, 여백을 조정하세요.
- ZIP을 내려받아 파일을 사이트 루트에 두고, HTML을 <head> 안에 붙여 넣으세요.
자주 묻는 질문
정말 필요한 파일은 무엇인가요?
사이트 루트의 favicon.ico 하나면 모든 브라우저를 지원합니다. 180픽셀 apple-touch-icon.png는 iPhone과 iPad의 홈 화면에 표시되고, 192와 512픽셀 PNG와 웹 매니페스트는 Android에서 쓰입니다. ZIP에 모두 들어 있습니다.
Apple touch icon에 배경이 있는 이유는 무엇인가요?
iOS는 touch icon의 투명한 부분을 검은색으로 채우고 모서리도 직접 둥글게 만듭니다. 그래서 이 아이콘은 항상 정사각형의 불투명한 이미지로 만들어지며, 배경을 투명으로 선택했다면 뒤에 흰색이 깔립니다.
어떤 이미지가 가장 좋나요?
세부 요소가 적은 정사각형 로고나 심볼이 좋고, 512픽셀 이상이거나 SVG면 더 좋습니다. 글자와 가는 선은 16픽셀에서 사라집니다. 16과 32픽셀 미리보기를 확인하고, 모양이 가장자리에 닿으면 여백을 사용하세요.
새 파비콘이 보이지 않아요. 왜 그런가요?
브라우저는 파비콘을 오랫동안 캐시에 보관합니다. 브라우저에서 favicon.ico를 직접 열어 새로 고치거나 시크릿 창에서 확인해 보세요. 검색엔진에 새 아이콘이 반영되려면 며칠에서 몇 주가 걸릴 수 있습니다.
내 이미지가 업로드되나요?
아니요. 아이콘 그리기와 파일 만들기는 모두 브라우저 안에서 이루어지며, 서버로 아무것도 전송되지 않습니다.