Блог компании sMart-lab.ru | Проблема загрузки картинок на смартлаб. Нужна помощь технарей.

tilda.cc/ru/lp/image-optimization/
 
Технологии оптимизации доставки изображений посетителям вашего сайта
 

* Тимофей, предлагаю самый революционный способ на сегодняшний день. Это инструкция по сайтам конструкторам типа TILDA.
 

Тимофей,

юзверей слушать не надо. 

JPEG vs PNG

www.google.com/search?q=png+vs+jpeg

habr.com/ru/post/118026/

каждый подходит к определённому случаю.

Если сохраняешь оригинальный формат, смотри, что у тебя в настройках качества «сжимателя» твоего стоит.

```

$cmd .= ' jpeg:- | cjpeg -optimize -baseline -quality 85 -outfile ' . $outputFile .<br />    " ; jpegtran -fastcrush -optimize -copy none -outfile {$outputFile} {$outputFile} ";

```

Для JPEG оптимально

-quality 85

Сейчас, модно (и правильно), прогонять картинку через несколько оптимизаторов (на nodejs удобненько это делать).

Что-то типа тако-го (превращает картинки, чтобы google pagespeed считал их оптимизированными :

var merge = require('merge-stream');
var image = require('gulp-image');
var changed = require('gulp-changed');

module.exports = function (gulp) {
    return function () {
        var components = gulp.src('v2/components/**/*.{png,gif,jpg,jpeg,ico,svg,woff,woff2,eot,ttf}', {base: './v2/component'})
            .pipe(changed('artifacts/files/v2/build/components/', {hasChanged: changed.compareLastModifiedTime}))
            .pipe(image({
                jpegoptim: true,
                mozjpeg: true,
                concurrent: 10
            }))
            .pipe(gulp.dest('artifacts/files/v2/build/components/'));

Тебе куда-то сюда - 

github.com/imagemin/imagemin-cli

Вообщем, можно найти бесплатные решения.

В ситуации с графиком, я подозреваю, что ты грузишь PNG8, а конвертируешь в PNG24. Первый использует ограниченную палитру цветов и поэтому занимает меньше места на диске, чем второй.

en.wikipedia.org/wiki/Portable_Network_Graphics#Pixel_format