Favicon 생성기
이미지나 텍스트/이모지에서 파비콘을 만드세요. 여러 크기(16x16에서 256x256)를 생성하고 PNG 또는 ZIP으로 다운로드하세요. 즉각적인 결과의 무료 온라인 도구.
Favicon이란 무엇인가요?
Favicon은 브라우저 탭, 북마크 및 기록에 표시되는 작은 아이콘입니다. 사용자가 웹사이트를 시각적으로 식별하고 브랜드 인지도를 구축하는 데 도움이 됩니다.
어떤 크기가 필요한가요?
일반적인 크기는 16x16(브라우저 탭), 32x32(Windows 작업 표시줄), 48x48(Windows 사이트), 180x180(Apple 터치 아이콘), 256x256(고해상도 디스플레이)입니다. 이 도구는 모든 일반적인 크기를 생성합니다.
웹사이트에 Favicon을 추가하는 방법은?
각 크기에 대해 HTML의 <head> 섹션에 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">를 추가합니다. Apple 기기의 경우 <link rel="apple-touch-icon" href="/apple-touch-icon.png">를 추가합니다.
어떤 이미지 형식이 지원되나요?
PNG는 favicon에 가장 널리 지원되는 형식입니다. 이 도구는 PNG 파일을 생성합니다. 최신 브라우저는 SVG favicon도 지원하지만, PNG는 모든 브라우저와 장치에서 더 나은 호환성을 가집니다.
텍스트나 이모지에서 favicon을 만들 수 있나요?
네, 텍스트, 문자 또는 이모지에서 favicon을 만들 수 있습니다. 텍스트나 이모지를 입력하고, 글꼴, 색상, 배경을 사용자 정의한 다음 favicon을 생성합니다.
favicon.ico와 favicon.png의 차이점은 무엇인가요?
Favicon.ico는 하나의 파일에 여러 크기를 포함할 수 있는 레거시 형식입니다. Favicon.png는 더 나은 품질과 투명도 지원을 가진 최신 형식입니다. 대부분의 최신 웹사이트는 PNG 형식을 사용합니다.
웹사이트에 favicon이 필요한가요?
네, favicon은 브랜드 인식과 사용자 경험에 필수적입니다. 브라우저 탭, 북마크 및 검색 결과에 표시되어 사용자가 사이트를 빠르게 식별하는 데 도움이 됩니다.
favicon에 투명한 배경을 사용할 수 있나요?
네, PNG 형식은 투명도를 지원합니다. 투명한 배경을 가진 favicon을 만들 수 있으며, 밝고 어두운 브라우저 테마 모두에서 잘 작동합니다.
Apple 터치 아이콘이란 무엇인가요?
Apple 터치 아이콘은 사용자가 웹사이트를 iOS 홈 화면에 추가할 때 사용되는 더 큰 아이콘(180x180)입니다. 기본 스크린샷보다 더 나은 시각적 경험을 제공합니다.
프로그레시브 웹 앱(PWA)을 위한 favicon을 만드는 방법은?
PWA의 경우 manifest.json 파일에 참조된 여러 아이콘 크기가 필요합니다. 192x192 및 512x512 아이콘과 Android 적응형 아이콘을 위한 마스크 가능한 아이콘을 포함합니다.
내 이미지를 업로드할 수 있나요?
네, PNG, JPG 또는 SVG 이미지를 업로드할 수 있습니다. 도구는 모든 favicon 크기에 대해 자동으로 크기를 조정하고 최적화합니다.
이 도구는 무료인가요?
네, 이 favicon 생성기는 완전히 무료입니다. 등록이 필요하지 않고, 워터마크가 없으며, 무제한으로 사용할 수 있습니다.
좋은 favicon이란 무엇인가요?
좋은 favicon은 간단하고, 작은 크기에서 인식 가능하며, 대비되는 색상을 사용하고, 브랜드를 나타냅니다. 16x16 픽셀로 축소될 때 불분명해지는 복잡한 세부 정보를 피하세요.
favicon을 테스트하는 방법은?
웹사이트에 favicon을 추가한 후 브라우저 캐시를 지우고 페이지를 새로 고침합니다. favicon이 브라우저 탭에 표시되어야 합니다. 북마크와 기록을 확인하여 아이콘을 볼 수도 있습니다.
Favicon 생성기 사용 방법
브라우저에서 직접 이미지 또는 텍스트·이모지로 파비콘을 만드는 도구입니다. 16x16부터 256x256까지 생성되며 모든 처리는 로컬에서 이루어져 데이터가 업로드되지 않습니다.
- 입력 방식을 선택합니다. 내 이미지를 쓰려면 Image, 색상 배경 위에 글자나 이모지를 그리려면 Text / Emoji를 고르세요.
- Text / Emoji 모드에서 Text 입력란에 글자나 이모지를 입력하고 Font와 Weight(Bold, Black 등)를 선택합니다.
- BG에서 배경색을 정하고, 모서리를 둥글게 하려면 Rounded를 켠 뒤 Radius 값을 조절합니다.
- 각 크기를 생성해 미리 보고, PNG 또는 ICO 형식으로 다운로드합니다.
16x16 탭 아이콘은 단순하게 유지하세요. 굵은 글자 한 개나 이모지 하나가 가장 작은 크기에서도 알아보기 쉽습니다.
관련 도구
- Chmod 계산기 체크박스 포함 Linux 파일 권한을 시각화하고 계산하는 무료 온라인 chmod 계산기. 숫자(755, 644)와 기호 표기법(rwxr-xr-x)을 즉시 변환. setuid, setgid, sticky bit 같은 특수 권한 지원.
- ASCII 코드표 10진수, 16진수, 8진수, 2진수 코드, HTML 엔티티 및 문자 설명을 포함한 완전한 ASCII 문자 인코딩 참조. 즉시 검색 및 필터링.
- HTTP 요청 테스터 브라우저에서 직접 REST API를 테스트하세요. 사용자 정의 헤더, 본문, 쿼리 매개변수로 GET, POST, PUT, DELETE 요청을 전송하고 응답 상태, 헤더, JSON 본문을 즉시 확인합니다.
- .htaccess 생성기 Apache .htaccess 규칙을 생성합니다. 리디렉션, 재작성, 보안 헤더, 캐싱 등.
- Robots.txt 생성기 무료 온라인 robots.txt 생성기. robots.txt 파일을 만들고 사용자 정의하여 검색 엔진 크롤링을 제어하고, 크롤러 액세스를 관리하며, 사이트 SEO를 최적화하세요.
- 사이트맵 생성기 무료 온라인 XML 사이트맵 생성기. URL 추가, 우선순위 및 빈도 설정, SEO 친화적 사이트맵을 즉시 생성하세요.
- GIF 프레임 분할 GIF 애니메이션에서 개별 프레임을 PNG 또는 스프라이트 시트로 추출 및 다운로드. 미리보기 및 ZIP 내보내기 지원 무료 온라인 도구.
- GIF 역재생 GIF 애니메이션 재생 순서를 무료로 온라인에서 역전. 즉시 업로드, 미리보기 및 다운로드.