Scribusoid

Author Topic: Making combined graphics with Scribus  (Read 193 times)

founder

  • Jr. Member
  • **
  • Posts: 97
  • Karma: 0
Making combined graphics with Scribus
« on: August 11, 2017, 09:57:04 pm »
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

  • Jr. Member
  • **
  • Posts: 97
  • Karma: 0
Re: Making combined graphics with Scribus
« Reply #1 on: August 12, 2017, 06:29:32 pm »
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

  • Jr. Member
  • **
  • Posts: 97
  • Karma: 0
Re: Making combined graphics with Scribus
« Reply #2 on: August 13, 2017, 03:02:53 pm »
If transparency is necessary, one more step is necessary.

Scribus -> Export as png (transparency is lost)
GIMP -> make transparency
Pngquant -> Optimize size