javascript - このスプライト画像はどのように生成されるのでしょうか?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:56:32
0
5
887

https://s1.hdslb.com/bfs/stat...

通常の写真よりもはるかに小さいです。サイズ1600*2444なのに70kbしかない?品質が低下しましたか?
開発時、この組版は一つ一つ手作業で行われたのでしょうか?または i ツールによって生成されます

曾经蜡笔没有小新
曾经蜡笔没有小新

全員に返信(5)
Peter_Zhu

この画像は 8 ビット PNG (最大 256 色) です。単純な色の画像の場合は、この形式を使用してサイズを縮小できます。

いいねを押す +0
迷茫

/a/11... というツールがあります

画像圧縮が利用可能ですgulp-imagemin。これにより、プロジェクトをワークフローに簡単に統合できます。

今はスプライト画像を使用している人は比較的少なく、代わりにsvgやアイコンフォントを徐々に使用しているようです。

いいねを押す +0
阿神

通常はツールに依存します。私は通常 CssSprite.exe を使用します。画像をドラッグするだけでスプライト画像と対応する CSS が生成されます

いいねを押す +0
淡淡烟草味

CssSprite.exe も手動でドラッグする必要があります

いいねを押す +0
扔个三星炸死你

Photoshopなどの画像編集ソフトウェアを使用して複数の写真を同じレイヤーに配置してエクスポートしたり、自動構築ツールを使用して結合した写真を自動的にステッチしたりすることができます

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!