Information graphical visualization for web-page: Is there any better way instead of small PNG files?

Question

Let\'s describe the task first:

I\'d like to create a web-page with several rows of a text and a small (let\'s say 100 by 20 pixels) graphic for each one. Each graphic g

Answer 1

There's two ways to optimize small graphics in a web page. You can use the tile-set concept (all the graphics in a single image, with offsets based on e.g. background-position), or you can embed the PNG directly into the page as base-64:

The options have different merits based on file size and browser support. And of course, both can be combined - you can have an embedded tile-set.