파비콘·ICO — 문제 해결
파비콘·ICO — 문제 해결: 흐리면 원본이 512픽셀 미만, 얇은 띠면 가로로 긴 원본, 검정·흰 상자면 투명도 없는 원본이에요.
이미지 가장자리를 자르지 않고 표준 아이콘 크기를 만듭니다.
또는 이 화면 어디에나 이미지 한 장을 놓으세요
favicon.ico에는 16, 32, 48, 64, 256px 프레임이 들어갑니다. PNG는 표시된 크기로 저장되며 180px는 apple-touch-icon.png로 저장됩니다.
ICO와 PNG 파비콘 만들기
입력·출력 예제
흐리면 원본이 512픽셀 미만, 얇은 띠면 가로로 긴 원본, 검정·흰 상자면 투명도 없는 원본이에요.
모든 크기가 흐릿한 경우는 거의 작은 원본 때문이에요. 도구가 다른 크기를 만들기 전에 이미지를 512×512로 키우기 때문이죠. 더 큰 PNG나 SVG로 바꾸세요. 정사각형 가운데에 작은 마크만 떠 있다면 가로로 긴 이미지를 자르지 않고 맞춘 결과이니, 심볼만 정사각형으로 따로 내보내세요.
개발자가 새 아이콘을 올렸는데 브라우저 탭에는 예전 아이콘이 그대로 보이는 경우가 있어요. 파비콘은 캐시가 아주 강해서 도구 문제인 경우는 드물어요. favicon-v2.ico처럼 파일 이름을 바꾸고 link 태그를 고친 뒤 강력 새로고침하고, 시크릿 창에서도 확인하세요.
이미지를 읽지 못했다고 나오면 파일이 비어 있지 않은지, PNG·JPG·WebP·GIF·SVG·AVIF·BMP 중 하나인지 보세요. 여러 장을 한꺼번에 놓으면 거부되니 한 장씩만 놓으세요. 다운로드가 반응하지 않는 듯하면 처리 중 표시가 사라질 때까지 기다리세요. 작업은 한 번에 하나씩 돌아가요. 브라우저의 다운로드 허용도 확인하고요.
그래도 이상하면 내려받은 32픽셀 PNG만 따로 열어 보세요. 거기서 정상이라면 변환이 아니라 HTML 링크 경로, 파일 위치, 캐시가 문제예요.
입력
Square mark or logo
결과
PNG sizes + multi-size ICO
검색엔진은 자체 일정으로 저장된 아이콘을 갱신하므로, 파일이 맞아도 검색 결과에 반영되기까지 시간이 걸릴 수 있어요.
작업별 도구 6
함께 쓰는 도구 13
파비콘·ICO — 문제 해결 사용 방법
- 파비콘·ICO — 문제 해결에 사용할 원본 이미지를 선택합니다.
- 미리보기에서 생성된 PNG 아이콘 크기를 확인합니다.
- 필요한 PNG 크기 또는 여러 크기가 포함된 ICO 파일을 다운로드합니다.
빠른 안내
파비콘·ICO — 문제 해결 기능은 무엇인가요?
파비콘·ICO — 문제 해결: 흐리면 원본이 512픽셀 미만, 얇은 띠면 가로로 긴 원본, 검정·흰 상자면 투명도 없는 원본이에요.
파비콘·ICO — 문제 해결 기능은 어떻게 사용하나요?
파비콘·ICO — 문제 해결에 사용할 원본 이미지를 선택합니다. 미리보기에서 생성된 PNG 아이콘 크기를 확인합니다. 필요한 PNG 크기 또는 여러 크기가 포함된 ICO 파일을 다운로드합니다.
파비콘·ICO — 문제 해결 결과는 어떻게 받을 수 있나요?
생성된 PNG 크기와 여러 크기가 포함된 ICO 파일을 바로 다운로드할 수 있습니다.
편집한 이미지를 게시하기 전에 무엇을 확인하나요?
내보낸 파일을 다시 열어 실제 사용할 크기에서 픽셀 크기·파일 용량·작은 글자·피사체 경계·투명 배경을 확인하세요. 크기 조절은 픽셀 치수를, 압축은 파일 용량을 다루는 작업입니다. 확대했다고 원본에 없는 세부 정보가 복원되는 것은 아닙니다. 원본을 보관하면 설정을 바꿔 다시 내보낼 수 있습니다.