New answers tagged optimization
Try to add noise to minimize banding: Photoshop: Create new layer. Go to: Image > Fill... > and use these values: Change the layer's blending mode to Overlay Go to: Filter > Noise > Add Noise... >. These values worked well for me: Adjust layer's opacity to your liking. 22% was kind of OK and the resulting JPG is: So no ...
Some image editors such as GIMP allow you to apply smoothing as well as control compression when saving a jpeg. Smoothing: Setting the smoothing option to a non-zero value will smooth out the image slightly. This reduces fuzzy artifacts from compression, and helps with the compression. A setting of 0.10-0.15 removes a good portion of the artifacts ...
This probably doesn't answer your question. Some possible alternatives... Have you considered CSS instead: background: linear-gradient(45deg, #3d667c, #1d283e); Or perhaps you could use the SVG base64 technique (generator tool here): <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" ...
1.) In PhotoShop, Save For Web and save as a 24-bit transparent PNG. 2.) Use a third party to compress the image. I like https://tinypng.com/ 3.) Your image was compressed down to your target 60kb with lossy compression preserving full alpha transparency. No white edges, no image quality loss.
Top 50 recent answers are included