简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - このスプライト画像はどのように生成されるのでしょうか?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:56:32
0
5
826

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

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

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

全員に返信 (5)
Peter_Zhu
Peter_Zhu2017-06-26 10:58:32 5棟

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

いいねを押す+0
返信を追加
    迷茫
    迷茫2017-06-26 10:58:32 4棟

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

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

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

    いいねを押す+0
    返信を追加
      阿神
      阿神2017-06-26 10:58:32 3棟

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

      いいねを押す+0
      返信を追加
        淡淡烟草味
        淡淡烟草味2017-06-26 10:58:32 2棟

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

        いいねを押す+0
        返信を追加
          扔个三星炸死你
          扔个三星炸死你2017-06-26 10:58:32 1棟

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

          いいねを押す+0
          返信を追加
            人気のトピック
            詳細>
            人気の記事
            人気のチュートリアル
            詳細>
            関連するチュートリアル
            人気のおすすめ
            最新のコース
            最新のダウンロード
            詳細>
            ウェブエフェクト
            公式サイト
            サイト素材
            フロントエンドテンプレート
            私たちについて 免責事項 Sitemap
            PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！