cv.cm
모든 레슨

사진

파비콘 만드는 법

파비콘은 16픽셀에서도 알아봐야 합니다. 마크를 정사각으로 맞추고 Cover 또는 Contain을 고른 뒤 탭용 ICO와 터치 아이콘용 PNG zip을 받으세요.

7분

오늘의 결과 favicon.ico(16/32/48)와 PNG zip(180/192/512 포함). 탭 크기에서도 알아봅니다.

마크가 디스크에 있으면 파비콘을 여세요. Cover는 정사각을 채우며 자를 수 있습니다. Contain은 여백. 흰 배경이 기본입니다. 업로드 없음.

파비콘 생성 열기
이 한 자리

  1. 작아도 알아보는 마크

    복잡한 사진은 16픽셀에서 죽습니다. 글자 하나, 단순한 도형, 대비 높은 로고. 프레임이 넓으면 먼저 자르고 오세요.

    Cover는 채우며 자를 수 있습니다. Contain은 전체를 넣고 여백이 생깁니다.
    Cover는 채우며 자를 수 있습니다. Contain은 전체를 넣고 여백이 생깁니다.

  2. cv.cm 파비콘을 열기

    이 탭에서 만듭니다.

    파비콘 생성 열기

  3. 이미지를 넣기

    미리보기가 비면 HEIC를 JPG로 먼저 바꾸세요.

  4. Cover 또는 Contain, 그리고 흰 배경

    Cover는 정사각을 채우며 자를 수 있습니다. Contain은 전체를 넣고 여백이 생깁니다. 고전 탭은 흰 배경을 켜 두세요. 투명 PNG가 필요하면 끄세요.

  5. ICO와 PNG zip 받기

    ICO는 16, 32, 48(고전 탭). zip에는 180, 192, 512(애플 터치와 PWA)도 있습니다. 원본 마크는 남깁니다.

    ICO는 16/32/48. PNG zip에 180/192/512. 16px 파일을 보세요.
    ICO는 16/32/48. PNG zip에 180/192/512. 16px 파일을 보세요.

  6. 16픽셀 PNG 열기

    256 미리보기는 거짓말입니다. 16px가 흐리면 마크를 단순화하거나 Contain으로 바꾸세요. favicon.ico를 사이트 루트에 두고 HTML에서 PNG를 연결하세요.

이 도구와 함께

자주 묻는 질문

파비콘을 무료로 만들 수 있나요?

됩니다. 이 탭에서 그립니다. 업로드 없음.

ICO에는 어떤 크기가?

16, 32, 48픽셀 PNG를 favicon.ico 하나에 넣습니다.

애플 터치 아이콘도 필요하나요?

PNG zip에 180, 192, 512가 있습니다. HTML에서 연결해 홈 화면 아이콘으로 쓰세요.

업로드되나요?

아니요. 탭을 닫으면 사라집니다.

투명 배경을 남길 수 있나요?

됩니다. 흰 배경을 끄세요. Contain이면 투명 위에 여백이 생깁니다.