이미지
파비콘 생성
파비콘 생성 도구는 이미지 한 장으로 favicon.ico 와 각 기기용 아이콘을 한 번에 만들고, 설치용 HTML 코드까지 자동으로 출력하는 도구입니다. 업로드가 필요 없으며, 이미지를 브라우저로 불러오기만 하면 전 사이즈 아이콘이 한꺼번에 갖춰집니다.
여기에 이미지(PNG / JPG / WebP / SVG)를 드래그 앤 드롭
또는
PNG / JPG / WebP / SVG 지원·최대 20 MB(정사각형 이미지 권장)
업로드한 이미지는 모두 사용자의 브라우저 안에서 처리되며, 외부 서버로 전송되지 않습니다.
관련 도구
이미지 압축
JPG·PNG 이미지를 업로드 없이 압축해 화질은 유지하면서 사진 용량을 줄입니다. JPG는 품질 조절, PNG는 무손실 최적화를 지원합니다. 파일이 서버로 전송되지 않아 안전하며 웹 브라우저만으로 완결됩니다.
이미지 자르기
JPG·PNG·GIF 이미지를 업로드 없이 자르고 크롭합니다. 가로세로 비율 프리셋·픽셀 수치 지정에 더해 원형·타원 자르기(투명 PNG)도 지원합니다. 파일이 서버로 전송되지 않아 안전하며 웹 브라우저만으로 완결됩니다.
이미지 리사이즈
JPG·PNG·GIF·WebP 이미지를 업로드 없이 크기 조절(리사이즈)합니다. 픽셀·배율 지정과 가로세로 비율 고정을 지원해 확대·축소가 자유롭습니다. 파일이 서버로 전송되지 않아 안전하며 웹 브라우저만으로 완결됩니다.
이미지 텍스트 추출 (β)
이미지 속 글자를 인식해 텍스트로 변환하는 무료 OCR 도구입니다. 사진·스크린샷·문서에서 글자를 추출해 편집·복사하거나 .txt로 저장할 수 있습니다. 업로드 없이 처리해 민감한 이미지도 안전하며 웹 브라우저만으로 완결됩니다.
WebP 변환
JPG·PNG·SVG 이미지를 가벼운 WebP 형식으로 변환하는 무료 도구입니다. 최대 10개 파일 일괄 변환과 ZIP 다운로드를 지원하고 SVG 입력도 가능합니다. 업로드 없이 웹 브라우저만으로 완결됩니다.
Slack 사용자 정의 이모지 생성
텍스트나 이미지로 Slack 사용자 정의 이모지(128×128·128KB 이하)를 만드는 무료 생성기입니다. 폰트·색상·정렬·테두리·GIF 애니메이션을 지원하고 한글도 깨지지 않으며 Discord 이모지로도 쓸 수 있습니다. 웹 브라우저만으로 완결됩니다.
파비콘 생성 도구란?
파비콘 생성 도구는 이미지 한 장으로 favicon.ico 와 각 기기용 아이콘을 한 번에 만들고, 설치용 HTML 코드까지 자동으로 출력하는 도구입니다. 업로드가 필요 없으며, 이미지를 브라우저로 불러오기만 하면 전 사이즈 아이콘이 한꺼번에 갖춰집니다.
출력되는 것은 브라우저 탭에서 사용되는 favicon.ico(16 / 32 / 48 px 다해상도), iPhone 홈 화면용 Apple Touch 아이콘(180px), Android Chrome 와 PWA 에서 쓰는 192 / 512px 아이콘, 그리고 site.webmanifest(manifest.json) 입니다. SVG 를 불러온 경우에는 모던 브라우저용 벡터 icon.svg 도 함께 포함됩니다.
배경색·여백(padding)·둥근 모서리는 그 자리에서 조정할 수 있고, 미리보기에 즉시 반영됩니다. 투명 PNG 로고에 흰색 배경을 넣거나, 모서리를 둥글린 아이콘을 만드는 것도 자유롭습니다. manifest 의 앱 이름·테마 색상도 입력할 수 있고, 설치용 HTML 스니펫과 함께 복사·다운로드할 수 있습니다.
불러온 이미지는 모두 사용자의 브라우저 안에서 처리되며, 외부 서버로 전송되지 않습니다. 사외비 로고나 미공개 디자인이라도 안심하고 사용할 수 있습니다. 무료·회원가입이 필요 없으며, 웹 브라우저만으로 완결됩니다.
사용 방법
- 드롭 영역에 이미지(PNG / JPG / WebP / SVG)를 드래그 앤 드롭하거나, 클릭해서 선택합니다(클립보드 붙여넣기도 지원).
- 필요에 따라 배경색·여백·둥근 모서리를 조정합니다. 미리보기는 즉시 갱신됩니다.
- manifest 설정(앱 이름·짧은 이름·테마 색상·배경색)을 입력합니다.
- 생성된 각 아이콘을 개별로 다운로드하거나, "ZIP 다운로드"로 전체를 한꺼번에 받습니다.
- ZIP 안의 파일을 사이트 루트에 두고, 표시된 HTML 코드를 <head> 안에 붙여넣습니다.
활용 사례
- 새로 공개하는 웹사이트나 블로그에, 브라우저 탭이나 북마크에 표시되는 파비콘을 설치하고 싶은 경우.
- favicon.ico 뿐만 아니라 iPhone / Android 홈 화면이나 PWA 용 아이콘도 한 번에 준비하고 싶은 경우.
- 로고 이미지로 각 기기에 대응하는 아이콘 세트를 만들고, 설치용 HTML 을 그대로 복사해 쓰고 싶은 웹 제작자.
- 사외비 로고나 미공개 디자인을, 외부에 업로드하지 않고 로컬에서만 아이콘으로 만들고 싶은 경우.
- SVG 로고로 모던 브라우저용 SVG 파비콘과 래스터 각 사이즈를 모두 갖추고 싶은 경우.
주의사항
- 출력되는 것은 favicon.ico(16 / 32 / 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest 입니다.
- favicon.ico 는 16 / 32 / 48 px 를 하나로 묶은 다해상도 아이콘입니다.
- Apple Touch 아이콘은 투명을 지원하지 않으므로, 배경을 "투명"으로 설정한 경우에도 흰색으로 채워집니다.
- 정사각형에 가까운 이미지를 권장합니다. 가로세로 비율이 다른 이미지는 가운데 정렬되며 여백이 들어갑니다.
- SVG 를 불러온 경우에만, 벡터 형식의 icon.svg 도 패키지에 포함됩니다.