다음 ImageMagick 스크립트를 사용하여 파비콘 이미지를 생성합니다.
convert src/favicon.svg \
\( -clone 0 -resize 16x16 \) \
\( -clone 0 -resize 32x32 \) \
\( -clone 0 -resize 48x48 \) \
-delete 0 -colors 256 -bordercolor transparent -border 10% -background transparent \
site/public/favicon.ico
이는 22KiB ISO를 생성하는데, 이는 다음이 3.4K의 PNG를 생성하기 때문에 약간 커 보입니다.
convert src/favicon.svg -resize 48x48 -colors 256 -bordercolor transparent -border 10% -background transparent 48.png
제가 뭔가 잘못하고 있어서 파일 크기가 커지나요? 이미지에는 한 가지 색상만 있고 배경은 투명합니다.
모든 것을 고려해 보면 파일 크기가 매우 작아야 한다고 생각합니다.
답변1
저는 ImageMagick 전문가는 아니지만 샘플 svg 파일을 사용하여 수행한 일부 실험에서 identify favicon.ico
결과 파일에 32비트 픽셀이 사용된 것으로 나타났으며 48.png
제 경우에는 깊이가 16이었습니다. 옵션을 매개변수 목록의 끝으로 이동 함으로써 -colors 256
더 적합한 8비트 깊이와 원래 크기의 약 절반을 가진 아이콘 파일을 얻게 되었습니다.