楽しい機能には、Webデザイナーを支援するImageMagickがあります

これで、サイトに多くの小さな詳細、フレーム、影、またはボタンのデザインを表示する必要がある場合、すべての画像が次々に縦に並んでいる大きなファイルが作成されます。 ImageMagickの所有者は、1つのチームで作成できます。



$ convert * +append result.png







カタログ内のすべての画像が単に整列します。



これで、cssを実行できます。



.first {

width: 16px;

height: 16px;

background: url(/result-sprite.png) 0 0;

}



.second {

width: 16px;

height: 16px;

background: url(/result-sprite.png) 0 -16px;

}







サイズがわかりませんか？ Gimpを介してすべてを見る必要があると思いますか？ 別のチームがお手伝いします：



$ identify -format "%g - %f\n" *







その結論はおよそ



800x600+0+0 - IMG_2568.JPG

800x600+0+0 - IMG_2569.JPG

800x600+0+0 - IMG_2572.JPG

800x600+0+0 - IMG_2573.JPG

800x600+0+0 - IMG_2574.JPG

800x600+0+0 - IMG_2592.JPG

800x600+0+0 - IMG_2593.JPG

500x376+0+0 - P2110006.JPG

500x375+0+0 - P2110008.JPG







GREAT LINUSが言ったように-ただの楽しみのために。