Graphics: what is important for optimization?

N

nevro2016-03-13 20:58:23

css

nevro, 2016-03-13 20:58:23

1. Format, bit depth, gradients,..? What to look for, what would you advise from experience?
2. And the question is probably also related to css and js - some things can be done with them, and not saved with graphics. What could it be? Shadows, gradients,..?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

E

Eugene, 2016-03-13
@nevro

Regarding the format, if there is transparency in the picture - then png, if not - everything is in jpg, after that you run everything through a minifier like "imagemin", "pngquant". You collect all sorts of icons in sprites. If traffic is important for mobile devices, then you can additionally create images with a small resolution so that they are less fun.
Also, if there is an opportunity to make various icons in SVG format, they weigh several times less than a bitmap image.
Almost any gradient can now be easily done with css.