KOEN

파비콘 생성기

FAVICON · ICO · WEBMANIFEST

이미지·이모지·글자로 16~512px 파비콘 PNG와 진짜 favicon.ico, link 태그, site.webmanifest를 한 번에 만들어요.

LIGHT TAB
내 사이트
새 탭
DARK TAB
내 사이트
새 탭
HOME SCREEN
내 사이트
favicon.ico 16·32·48px PNG 3장을 담은 진짜 ICO 파일
HTML · <head> 

        

        

          

            SITE.WEBMANIFEST
            
              
              
            
          

          

            
            
          

          

        

      

      
이미지는 서버로 전송되지 않아요. 모든 파일을 이 브라우저 안에서 만들어요.

    

  









  

    

      HOW TO
      
사용 방법

      
    
      
  1. 이미지·이모지·글자 탭 중 하나를 골라 파비콘 모양을 만들어요. 로고는 정사각형 PNG나 SVG가 가장 깔끔해요.
    2. 
      
  2. 배경색(또는 투명), 둥근 정도, 안쪽 여백을 조절하며 브라우저 탭·홈 화면 미리보기와 16px 확대 화면을 확인해요.
    3. 
      
  3. '전체 ZIP 다운로드'로 PNG 6개·favicon.ico·site.webmanifest를 한 번에 받거나, 크기별 버튼으로 하나씩 받아요.
    4. 
      
  4. 파일을 올릴 경로를 맞춘 뒤 link 태그를 복사해 HTML의 <head>에 붙여넣어요.
    5. 
      

    

    

      PAIRS WELL WITH
      
같이 쓰기 좋은 도구

      
    

  

  
  

    FAQ
    
자주 묻는 질문

    
favicon.ico는 진짜 ICO 파일인가요?
네. PNG 이름만 바꾼 게 아니라 16·32·48px 이미지 세 장을 담은 ICO 파일을 직접 만들어요. PNG를 담는 ICO 방식이라 최신 브라우저와 Windows Vista 이후 환경에서 읽혀요.

    
파비콘은 어떤 크기가 필요해요?
16·32px은 브라우저 탭(32px은 고해상도 화면), 48px은 Windows 바로가기와 검색 결과용(구글은 48px의 배수를 권장해요), 180px은 iOS 홈 화면, 192·512px은 안드로이드와 PWA 설치용이에요. 이 도구는 여섯 크기를 모두 만들어요.

    
180px 아이콘만 모서리가 각지고 배경이 채워져 있어요.
'apple-touch-icon은 iOS 규격으로' 옵션 때문이에요. iOS가 홈 화면 아이콘을 알아서 둥글게 깎고 투명한 부분은 검게 보일 수 있어서, 꽉 찬 사각형에 투명하면 흰 배경을 넣어요. 옵션을 끄면 다른 크기와 같은 모양으로 만들어요.

    
올린 로고 이미지가 서버로 가나요?
아니요. PNG·ICO·ZIP 파일 모두 브라우저 안에서 만들어 바로 내려받고, 이미지를 어디에도 전송하지 않아요.