CSS Spriteテクニックを試して、いくつかのサムネイルを単一の画像としてロードしたいと思います。そのため、サーバー内のオフラインで1つのファイルにいくつかのサムネイルを「マージ」する必要があります。
同じサイズのサムネイルが10個あるとします。Linuxコマンドラインからそれらを「マージ」することをどのように提案しますか?
CSS Spriteテクニックを試して、いくつかのサムネイルを単一の画像としてロードしたいと思います。そのため、サーバー内のオフラインで1つのファイルにいくつかのサムネイルを「マージ」する必要があります。
同じサイズのサムネイルが10個あるとします。Linuxコマンドラインからそれらを「マージ」することをどのように提案しますか?
回答:
CSSスプライトの作成に最適なImageMagicを試すこともできます。ここでそれについてのいくつかのチュートリアル。
例(垂直スプライト):
convert image1.png image2.png image3.png -append result/result-sprite.png
例(水平スプライト):
convert image1.png image2.png image3.png +append result/result-sprite.png
convert -append *.png out.png
ImageMagickの軽量で高速なフォークであるGraphicsMagickを使用することもできます。
gm convert image1.png image2.png -append combined.png
12枚の画像のマージの簡単な時間比較:
time convert image{1..12}.jpg -append test.jpg
real 0m3.178s
user 0m3.850s
sys 0m0.376s
time gm convert image{1..12}.jpg -append test.jpg
real 0m1.912s
user 0m2.198s
sys 0m0.766s
GraphicsMagickはImageMagickのほぼ2倍の速度です。
+append
代わりに水平スプライトを使用するために、垂直スプライトが生成され-append
ます。