Tôi muốn sử dụng CSS sprites trên một trang web thay vì các tệp hình ảnh riêng biệt, cho một tập hợp lớn các biểu tượng nhỏ có cùng kích thước. Làm thế nào tôi có thể nối (gạch) chúng thành một hình ảnh lớn bằng cách sử dụng ImageMagick?Làm cách nào để ghép các biểu tượng vào một hình ảnh với ImageMagick?
Từ trang bạn đã liên kết, 'montage' là công cụ bạn muốn. Nó sẽ có một loạt các hình ảnh và ghép/gạch chúng thành một đầu ra duy nhất. Dưới đây là một hình ảnh ví dụ tôi đã thực hiện trước khi sử dụng công cụ này: alt text http://davr.org/ds2/demos2/index.png
Sử dụng 'montage' công cụ: here are some instructions
Tôi thích kịch bản này cho tự động thế hệ sprite/css. "Building CSS sprites with Bash & Imagemagick"
liên kết đã chết ... – jedierikb
@jedierikb đây là phiên bản được lưu trong bộ nhớ cache http://goo.gl/SxcXQH – printminion
@printminion Liên kết đó cũng đã chết! – user2441511
Bạn đang tìm kiếm:
montage -background transparent -geometry +4+4 *.png sprite.gif
+1 cho lệnh sẵn sàng sử dụng – mik01aj
convert công trình tốt hơn nhiều hơn là dựng phim. Nó sắp xếp hình ảnh theo chiều dọc hoặc chiều ngang và giữ độ trong suốt png.
convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)
Tôi cũng không thử nghiệm, nhưng có vẻ như là -background Không cho phép nền trong suốt (xem http://www.imagemagick.org/Usage/montage/#bg) – AkiRoss
Có một vấn đề mà nó dường như chỉ chắp thêm hình ảnh theo thứ tự ngẫu nhiên mặc dù tôi đặt tên chúng từ 1.png đến 15.png. Bạn có biết làm thế nào để làm cho tưởng tượng gắn thêm hình ảnh theo một thứ tự được chỉ định? –
@AnonJ, trình bao của bạn có thể đang mở rộng '*' vào danh sách tên tệp dựa trên thứ tự từ điển - đó là những gì zsh đang làm cho tôi, ít nhất. –
Không ImageMagick, nhưng đây là hướng dẫn về cách để làm điều này bằng Python sử dụng Python Image Library: http://29a.ch/2009/5/14/concatenating-images-using-python –