How to hide long pogrugenie pictures?

Hello. On the website long progruzhat images, from top to bottom and it lasts 8 seconds. What can be the problem and how to hide this flaw? Maybe someone knows how to reduce the weight of images? Images in Png.
July 12th 19 at 16:45
4 answers
July 12th 19 at 16:47
Solution
1) save the picture as jpg and look for a compromise between size and quality.
2) the Pictures appear in real size or reduced html/css ?
If the latter, then to make the display size of the image to coincide with the real
1) Tried to change the format manually, images are now not shipping, need to reformat them.
2) Yes. But the smaller images to load in the case of a small or large screen, no... - Adah.Morissette commented on July 12th 19 at 16:50
Photoshop solves this problem at the time, something was done wrong.
T e site of rubber/adaptive, they are all different sizes? - chandler64 commented on July 12th 19 at 16:53
: Yes, the site is adaptive. Is there enough in photoshop just save the image in jpeg\jpg(by the way, which is better?) and all? - Adah.Morissette commented on July 12th 19 at 16:56
1) save the picture as jpg and look for a compromise between size and quality.

It is not always reduce weight. - Rey_Wate commented on July 12th 19 at 16:59
Yes, just save to jpg and set as 0.7-0.8. About stretching pictures very interesting, that S hard enough defiles under compression. - chandler64 commented on July 12th 19 at 17:02
: Changed the resolution, as did 50% in jpg. Lost hundreds of times. Thank you - Adah.Morissette commented on July 12th 19 at 17:05
July 12th 19 at 16:49
If it's full-color photos, then compress to Jpeg with a compression ratio of 75%.
PNG always weighs a lot, if not single-color fills.
July 12th 19 at 16:51
I am sure that not all the pictures heavy. Therefore, you should do the following:
- all images optimized (to bring to desired size, compress)
- if there is heavy they can be shipped asynchronously. The methods may be different depending on the situation. Give me a link - will advise.

Listen to and take note of:
full-color photos - jpg
graphics, design elements, images with transparency - png
there are still svg but there two lines can not describe where to apply, so don't think about it
July 12th 19 at 16:53
it is necessary to reduce the weight of the pictures. I had a similar problem, then I decided to cut them using photoshop, but that takes time. Well, I'm not really friends with him)))
then one familiar programmer has recommended a program, it simple and its even not need to install. Called fotosizer, I resize the jpg has reduced almost 3 times.

Find more questions by tags CSSWeb DevelopmentLayoutHTML