Making combined graphics with Scribus

Previous topic - Next topic

founder

Web sites can have a lot of standard graphics. Many small pictures. This alone can make 20 to 40 requests.
I use since 10 years sprites, all the small graphics in one picture. So only one request instead of 20 to 40 requests.
This speeds up the load time of the page.

Until now, the generation of this combined graphics was difficult with graphics programs. The concentration to place a pasted graphic exactly at x,y.

Now I makle all my combined graphics with Scribus. I make a page sized mm x mm as the final result should be in pixel x pixel.

Export "Save as Image" 127 dpi 20% gives one pixel per mm.

The picture from the output is best compressed by

pngquant all-pege-page001.png --speed=1 --output=all-pege.png

An other advantage is the documentation. For example, I had to place 10 different flags in the all picture.
I can give each image frame the name of the flag inside.
Founder of PEGE - Planetary Engineering Group Earth https://www.pege.org
Founder and CEO of https://gemini-next-generation.house

founder

Until now, I did only white background.

Now the combined graphic has in Scribus background color #FFFF40. A light yellow.

The graphic Scribus saves has in Image Viewer: f0ff00.
The graphic PngQuant makes from the saved has in Image Viewer also: f0ff00.
The same graphic shows in GIMP as f4f43d

Google Chrome displays on the screen efff00
Chrome displays the background-color of the page like defined  #FFFF40.

The difference from #FFFF40 to efff00 looks very bad.

Any ideas about this colore problems?

Founder of PEGE - Planetary Engineering Group Earth https://www.pege.org
Founder and CEO of https://gemini-next-generation.house

founder

If transparency is necessary, one more step is necessary.

Scribus -> Export as png (transparency is lost)
GIMP -> make transparency
Pngquant -> Optimize size
Founder of PEGE - Planetary Engineering Group Earth https://www.pege.org
Founder and CEO of https://gemini-next-generation.house