0

私は、すべて同じサイトに属するいくつかの Web アプリケーションに取り組んでいます。ここにはいくつかのプロジェクトがあるため、必要なアイコンが多数あり、それぞれ約 12 の異なる色で使用できます。(非常に多くのアイコンがある理由は、特定のカスタム アイコンを必要とする非常に特殊なアクションです)。私が扱っているアイコンの総数は、すべてのカラー バリエーションを含めると、簡単に 400 を超えます。

これらすべてのアイコンを含めるために css スプライト イメージを使用していましたが、この時点でさらにアイコンを追加する必要があるため、スプライトからこれらのアイコンを生成するための CSS が途方もなく長くなり、スプライト イメージが非常に大きくなります。 .

これらのアイコンをサイトに含めるより良い方法はありますか? アイコン フォントの作成を検討しましたが (すべてシンプルな単色アイコンなので問題ありません)、これを更新するのがどれほど簡単かはわかりません。また、アイコン用の個別のファイルを作成し、それを画像として含めることも考えました。そして、SVG ルートもあります。

必要なアイコンの数と、より多くのアイコンが定期的に追加されることに基づいて、アイコンを含めるための最良の方法はどれだと思いますか?

1 ページあたり最大 10 個の異なるアイコンがありますが、残念ながら 10 個の特定のアイコンになるとは限りません。(同様に、グループ化できる特定の種類のアイコンはありません)。

ありがとうございました!

4

1 に答える 1

1

いくつかのオプションを提供するために、IcoMoonを見てみてください

これは Chrome で実行される Web アプリであり、独自の SVG をインポートしてカスタム アイコン フォントを作成できます。ちょっといじくり回す必要があります、スプライト シートを生成する以上のことはありません。これで、アイコン フォントを使用することで得られる柔軟性が得られます。解像度非依存、簡単な色補正など

@Bojangles のステッチの提案は興味深いものに見えます。今日の午後、それをいじくり回します!Mac を使用している場合はSpriteRightがあり、アプリをネイティブで使用したい場合に同様の機能を提供します。

于 2013-04-15T11:21:03.763 に答える