楽しい機能には、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が言ったように-ただの楽しみのために。

Source: https://habr.com/ru/post/J114118/


All Articles