파비콘 만들기 (ICO 변환)
이미지를 고르고 크기를 선택하면 여러 크기가 든 ICO 파일을 만듭니다.
사용법
- 정사각형에 가까운 이미지를 고릅니다. 512px 이상이면 좋습니다.
- 넣을 크기를 고르고, 잘라낼지 여백을 둘지 정합니다.
- favicon.ico를 내려받아 사이트 루트에 둡니다.
자주 묻는 질문
이미지가 업로드되나요?
아니요. 이미지는 브라우저 안의 캔버스에서 처리하고, 서버로 보내거나 저장하지 않습니다.
어떤 크기를 넣어야 하나요?
브라우저 탭에는 16·32px, Windows 바탕화면에는 48px 이상이 쓰입니다. 16·32·48·256을 넣으면 대부분 충분합니다.
ICO 안의 형식은요?
각 크기를 PNG로 넣은 ICO입니다. 현재 쓰이는 브라우저와 Windows Vista 이후에서 열립니다.
HTML에는 어떻게 넣나요?
사이트 루트에 favicon.ico를 두면 대부분의 브라우저가 찾습니다. 직접 지정하려면 <link rel="icon" href="/favicon.ico">를 씁니다.
비슷한 도구
- 색상 코드 변환 (HEX · RGB · HSL)HEX, RGB, HSL 색상 코드를 서로 바꾸고, 흰색·검은색 글자와의 명도 대비(WCAG)를 확인합니다.
- 이미지 크기 조절 (사진 용량 줄이기)사진의 가로·세로 크기를 바꾸고 JPEG·PNG·WebP로 저장해 용량을 줄입니다. 업로드 없이.
- 이미지 색상 반전 (네거티브)사진이나 그림의 색을 반전(네거티브)합니다. 흑백으로 바꾼 뒤 반전도 됩니다.
- 이미지 모자이크 (얼굴·개인정보 가리기)사진에서 가리고 싶은 부분을 드래그해 모자이크합니다. 얼굴, 번호판, 개인정보 가리기에.
- SVG → PNG 변환SVG 파일이나 코드를 원하는 크기의 PNG 이미지로 바꿉니다. 투명 배경 유지.
- 이미지 색상 추출 (스포이드)이미지에서 원하는 곳을 눌러 색상 코드를 뽑고, 많이 쓰인 색 팔레트를 보여줍니다.