이미지를 업로드하면 웹사이트에 필요한 모든 크기의 파비콘을 생성합니다. 브라우저 탭 아이콘, Apple Touch Icon, Android Chrome, PWA 아이콘을 포함한 HTML 코드를 바로 사용할 수 있습니다.
다듬어진 파비콘은 시작에 불과합니다. OneStepToRank는 실시간 순위 추적과 자동 최적화를 통해 비즈니스가 지역 검색 결과를 장악하도록 도와줍니다.
무료 시작하기A favicon (줄여서 "favorites icon" 또는 "즐겨찾기 아이콘")은 사용자가 웹사이트를 방문할 때 브라우저 탭, 북마크, 방문 기록, 주소 표시줄 등에 표시되는 작은 아이콘입니다. 1999년 Internet Explorer 5에서 16x16 픽셀 ICO 파일로 처음 도입된 이후 파비콘은 크게 발전했습니다. 현대 웹사이트는 다양한 플랫폼과 기기를 지원하기 위해 여러 크기의 파비콘을 제공해야 합니다: 브라우저 탭용 작은 아이콘, 데스크톱 바로 가기와 작업 표시줄용 중간 아이콘, 모바일 홈 화면 및 Progressive Web App 스플래시 화면용 큰 아이콘 등. 잘 디자인된 파비콘은 사용자가 사이트와 접촉하는 모든 지점에서 브랜드 인지도를 강화합니다.
파비콘 환경은 브라우저, 운영체제, 기기에 따라 요구되는 크기가 달라 혼란스러울 수 있습니다. 주요 크기를 정리하면 다음과 같습니다: 16x16은 모든 데스크톱 브라우저에서 사용되는 전통적인 탭 아이콘입니다. 32x32는 레티나 디스플레이의 탭 아이콘과 Windows 작업 표시줄 바로 가기에 사용됩니다. 48x48와 64x64는 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 픽셀에서는 작은 텍스트와 복잡한 패턴이 읽기 어려워집니다. 견고하고 인식하기 쉬운 형태와 대비되는 색상을 사용하세요. 마지막으로 파비콘을 여러 브라우저와 기기에서 테스트해 모든 환경에서 잘 보이는지 확인하십시오.