WebP를 ICO로 변환 (파비콘)

업로드되지 않습니다. 이 사이트를 만든 이유가 바로 그것입니다. 변환은 WebAssembly로 브라우저 안에서 처리되므로 파일이 기기를 벗어나지 않고, 중간에 서버가 전혀 관여하지 않습니다. 페이지를 한 번 불러온 뒤에는 오프라인에서도 작동하며, 파일 크기 제한은 기기의 메모리뿐입니다.

네, 완전히요. 아이콘은 8비트 알파를 가진 32비트 이미지로 기록되므로 WebP의 부드러운 그림자와 매끄러운 가장자리가 온전히 도착합니다. 밝은 테마든 어두운 테마든 아이콘 둘레에 흰 테두리 없이 깨끗합니다.

아이콘은 정의상 정사각형이라, 도구가 가운데 가장 큰 정사각형을 잡아 각 크기로 줄입니다. 자르기가 넓은 글자 로고처럼 중요한 것을 잃는다면 직접 정사각형으로 맞추거나, 전체 구성 대신 마크만 쓰세요.

최신 브라우저는 실제로 <link rel="icon" type="image/webp">를 받으니 됩니다. 다만 .ico는 여전히 범용 예비로 제 몫을 합니다. 크롤러, RSS 리더, 오래된 시스템의 고정 탭, 그리고 /favicon.ico를 묻지 않고 요청하는 모든 것입니다. 둘 다 게시하면 모든 소비자를 덮습니다.

기능적으로는 없습니다. 둘 다 완전한 알파 채널을 지녀 파비콘은 어느 경로든 똑같이 나옵니다. 실제 있는 파일을 쓰세요. 유일한 단서는 세대입니다. 페이지에서 저장하며 심하게 재압축된 WebP라면 아티팩트가 세 크기에 구워집니다. 디자인 도구의 깨끗한 내보내기가 웹에서 건진 파일을 이깁니다.

WebP가 대략 정사각형도 아니고 마크도 아닐 때입니다. 배너나 상품 사진은 자르면 탭에서 흐릿한 얼룩이 됩니다. 그리고 사이트를 어차피 다시 만든다면 벡터 원본을 고려하세요. SVG를 ICO로 변환은 각 크기를 기하학에서 그려 16px에서 어떤 래스터보다 또렷합니다.