ImageMagick을 사용하여 아이콘을 단일 이미지로 연결하는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/88711

문제

나는 사용하고 싶다 CSS 스프라이트 별도의 이미지 파일 대신 웹 사이트에서 모두 동일한 크기의 작은 아이콘 모음을 제공합니다.다음을 사용하여 어떻게 하나의 큰 이미지로 연결(타일)할 수 있습니까? 이미지매직?

도움이 되었습니까?

해결책

링크하신 페이지에서, '몽타주' 당신이 원하는 도구입니다.여러 이미지를 가져와서 단일 출력으로 연결/타일링합니다.다음은 도구를 사용하기 전에 만든 예시 이미지입니다.alt text
(원천: davr.org)

다른 팁

전환하다 몽타주보다 훨씬 더 잘 작동합니다.이미지를 수직 또는 수평으로 정렬하고 png 투명도를 유지합니다.

convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)

당신이 찾고있는:

montage -background transparent -geometry +4+4 *.png sprite.gif
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top