Изображение блога
Тимофей Мартынов
Тимофей Мартынов Блог компании sMart-lab.ru
08 сентября 2020, 12:03

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

Спустя 10 лет функционирования смартлаба я вдруг заметил нечто, за что нам в самую пору выдать премию Дарвина в области интернета😀

И вот в чем он заключается. Когда я гружу график PNG весом 100КБ на смартлаб, мы из него делаем 2 картинки: 
👉№1«небольшую» превьюшку уменьшенного размера
👉№2 и саму картинку сжатую до максимальной ширины 1024px

Так вот РЖАКА в том, что «сжимая» картинку 100 КБ, мы получаем хуже качество, и вес 180КБ вместо начальных 100.
Кроме того мы создаем еще №2 весом 376 КБ… Итого изначальный идеальный файл 100 КБ мы превращаем в 500 КБ ХУДШЕГО КАЧЕСТВА.

Иллюстрация:
Исходник: 1518x931 = 100кб
Превьюшка: 590x362 = 180кб
Фулсайз: 1024x628 = 376кб

Тест загрузки картинки на смартлаб


ЗНАТОКИ, ВНИМАНИЕ ВОПРОС! 
КАК НАМ ОПТИМИЗИРОВАТЬ ЗАГРУЗКУ КАРТИНОК НА СМАРТЛАБ, ЧТОБЫ НЕ ПОРТИТЬ КАЧЕСТВО PNG И НЕ УВЕЛИЧИВАТЬ ВЕС НАЧАЛЬНОЙ КАРТИНКИ?

Другие примеры показывают, что алгоритм сжатия смартлаба имеет смысл только если грузить очень большие фотографии
Пробуем грузить большую фотографию:

Исходник PNG: 1511x989 = 2850кб
Превьюшка: 590x362 = 414кб
Фулсайз: 1024x628 = 1160кб


Тест загрузки картинки на смартлаб 

Пробуем грузить маленькую фотографию:


Исходник PNG: 1222x763 = 852кб 
Превьюшка: 590x362 = 287кб 
Фулсайз: 1024x628 = 705кб

Тест загрузки картинки на смартлаб

Жду вашей помощи.
49 Комментариев
  • FinSerfing
    08 сентября 2020, 12:07
    Изначально странно, что вы используете PNG, а не JPG.
  • dnmsk ☮
    08 сентября 2020, 12:10
    Не грузить картинки в PNG.
    Если хочется видеть графики в PNG — что не сильно спасает качество, то вариантов 3:
    1. Забить.
    2. Сделать такой интерфейс, в котором пользователи будут грузить графики и картинки по-разному.
    3. Не делать интерфейс, прикрутить нейронную сеточку, которая сама решает, как грузить фоточки
  • Astrolog
    08 сентября 2020, 12:15

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

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


  • dnmsk ☮
    08 сентября 2020, 12:15
    Вообще не понятно в чем проблема:
    Что грузят ПНГ и он становится большой?
    Или что ПНГ не становится ДжиПЕГом?
    Или что Тимофой думает, что ПНГ выглядит заметно лучше ДжиПЕГа?

Активные форумы
Что сейчас обсуждают

Старый дизайн
Старый
дизайн