무료 파비콘 생성기 온라인 | OneStepToRank

파비콘 생성기

이미지를 업로드하면 웹사이트에 필요한 모든 크기의 파비콘을 생성합니다. 브라우저 탭 아이콘, Apple Touch Icon, Android Chrome, PWA 아이콘을 포함한 HTML 코드를 바로 사용할 수 있습니다.

원본 이미지 업로드

🎨
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP

생성된 파비콘

HTML 코드

Add this to your <head> section

브랜드를 두드러지게

다듬어진 파비콘은 시작에 불과합니다. OneStepToRank는 실시간 순위 추적과 자동 최적화를 통해 비즈니스가 지역 검색 결과를 장악하도록 도와줍니다.

무료 시작하기

파비콘이란?

A favicon (줄여서 "favorites icon" 또는 "즐겨찾기 아이콘")은 사용자가 웹사이트를 방문할 때 브라우저 탭, 북마크, 방문 기록, 주소 표시줄 등에 표시되는 작은 아이콘입니다. 1999년 Internet Explorer 5에서 16x16 픽셀 ICO 파일로 처음 도입된 이후 파비콘은 크게 발전했습니다. 현대 웹사이트는 다양한 플랫폼과 기기를 지원하기 위해 여러 크기의 파비콘을 제공해야 합니다: 브라우저 탭용 작은 아이콘, 데스크톱 바로 가기와 작업 표시줄용 중간 아이콘, 모바일 홈 화면 및 Progressive Web App 스플래시 화면용 큰 아이콘 등. 잘 디자인된 파비콘은 사용자가 사이트와 접촉하는 모든 지점에서 브랜드 인지도를 강화합니다.

필요한 모든 파비콘 크기

파비콘 환경은 브라우저, 운영체제, 기기에 따라 요구되는 크기가 달라 혼란스러울 수 있습니다. 주요 크기를 정리하면 다음과 같습니다: 16x16은 모든 데스크톱 브라우저에서 사용되는 전통적인 탭 아이콘입니다. 32x32는 레티나 디스플레이의 탭 아이콘과 Windows 작업 표시줄 바로 가기에 사용됩니다. 48x4864x64는 Windows에서 데스크톱 바로 가기와 고정 타일에 사용됩니다. 128x128은 Chrome 웹 스토어 목록에 필요합니다. 180x180은 iOS 사용자가 사이트를 홈 화면에 저장할 때 사용되는 Apple Touch Icon입니다. 192x192는 Android Chrome에서 홈 화면 아이콘으로 사용됩니다. 그리고 512x512는 PWA의 스플래시 화면 및 큰 아이콘 컨텍스트에 사용됩니다. 최소한 모든 웹사이트는 32x32 PNG 파비콘과 180x180 Apple Touch Icon을 제공해야 합니다.

브라우저 호환성 및 모범 사례

최대 호환성을 위해 모든 파비콘 크기에 PNG 형식을 사용하세요. PNG는 투명도를 지원하며 최신 브라우저에서 모두 지원됩니다. 여러 크기를 하나의 파일에 묶는 전통적인 ICO 형식은 레거시 Internet Explorer 지원이 필요할 때만 사용됩니다. SVG 파비콘은 점점 지원이 확대되고 해상도 독립성을 제공하지만 브라우저 지원이 아직 완전하지 않습니다. 원본 이미지를 만들 때는 최소 512x512 픽셀의 정사각형 이미지로 시작하면 모든 크기에서 가장 선명한 결과를 얻을 수 있습니다. 간단하고 굵은 디자인에 세부 요소를 최소화하면 작은 크기에서도 잘 보입니다 -- 16x16 픽셀에서는 작은 텍스트와 복잡한 패턴이 읽기 어려워집니다. 견고하고 인식하기 쉬운 형태와 대비되는 색상을 사용하세요. 마지막으로 파비콘을 여러 브라우저와 기기에서 테스트해 모든 환경에서 잘 보이는지 확인하십시오.

자주 묻는 질문

웹사이트에 필요한 파비콘 크기는 무엇인가요?
브라우저와 기기 모두를 완벽히 지원하려면 필수 크기는 다음과 같습니다: 16x16(표준 브라우저 탭 아이콘), 32x32(레티나 브라우저 탭 및 작업 표시줄), 180x180(iOS용 Apple Touch Icon), 192x192(Android Chrome 홈 화면), 512x512(PWA 스플래시 화면). 추가로 48x48과 64x64는 Windows에서 데스크톱 바로 가기에 사용됩니다. 최소한 32x32 PNG 파비콘과 180x180 Apple Touch Icon을 포함하면 대부분의 경우를 커버합니다.
Apple Touch Icon이란?
Apple Touch Icon은 iOS 기기에서 사용자가 웹사이트를 홈 화면에 추가할 때 사용되는 특수 파비콘입니다. 권장 크기는 180x180 픽셀입니다. iOS는 자동으로 모서리를 둥글게 처리하고 시각 효과를 추가할 수 있습니다. HTML에 다음과 같이 추가합니다: . 이를 제공하지 않으면 iOS가 페이지의 스크린샷을 찍어 축소하여 표시하게 되며, 보통 품질이 낮습니다.
PWA에 파비콘 아이콘이 필요할까요?
예. Progressive Web App은 웹 앱 매니페스트(manifest.json)에 정의된 192x192 및 512x512 픽셀 아이콘이 필요합니다. 192x192 아이콘은 Android 홈 화면 및 앱 서랍에서 앱 아이콘으로 사용되고, 512x512 아이콘은 스플래시 화면에 사용됩니다. 두 아이콘 모두 PNG 형식이어야 합니다. 매니페스트에 다음과 같이 참조합니다: {"icons": [{"src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png"}]}.
파비콘은 어떤 이미지 형식이어야 하나요?
현대 파비콘은 품질, 투명도 지원, 브라우저 호환성의 최적 균형을 위해 PNG 형식이어야 합니다. 전통적인 ICO 형식은 레거시 Internet Explorer 지원이 필요할 때만 사용됩니다. SVG 파비콘은 점점 지원이 확대되고 해상도 독립성을 제공하지만 아직 모든 브라우저에서 완전하게 지원되지는 않습니다. Apple Touch Icon 및 Android/PWA 아이콘은 PNG 형식이 필수입니다. 최상의 결과를 얻으려면 최소 512x512 픽셀의 정사각형 원본 이미지를 시작점으로 사용하세요.