forumСоздать тему

Картинки на сайте занимают много места, помогают конверсии, но скорость плохая — как уменьшить размер изображений?

YYusuf E***15 дней назад·27 сообщений·2,1 тыс. просмотров#оптимизация изображений#размер файла#скорость страницы
YYusuf E***Участник
Должность
Владелец спортзала
Тип организации
производство
Дата регистрации
апр. 2024 г.
Сообщение
66
#1

На сайте 50 изображений товаров. Размер каждого файла 3-5 МБ. (!) 80% тормозов сайта должны быть из-за этого. Как уменьшить изображения без потери качества?

Есть вопрос по форматам? Все в JPEG. Слышал про формат WebP, но плагины WordPress его не поддерживают. Думал перевести в PNG, но PNG тяжелее. Когда вообще используют PNG?

Есть ли батч-инструменты или надо по одному? Если фоток тысяча, как быть?

ZZafer A***Участник
Должность
Секретарь
Отрасль
Ювелирные изделия
Тип организации
компания из 20 человек
Дата регистрации
нояб. 2024 г.
Сообщение
142
Самый полезный#2

Оптимизация картинок — самый эффективный фактор для скорости страницы. Основные принципы: 1) Выбор формата — JPEG (фото), PNG (прозрачность), WebP (современный). 2) Уменьшение размера — сжатие. 3) Dimensions — уменьшение лишних широких изображений.

JPEG лучше всего для фото (качество 70-85%). PNG для случаев с прозрачностью (логотип, иконки). WebP дает на 25% меньший размер файла в современных браузерах. Если не поддерживаешь старые браузеры, используй JPEG/PNG + WebP fallback.

Инструменты: TinyPNG (бесплатно, пакетная обработка), ImageOptim (Mac), FileOptimizer (Windows), Imagick CLI (пакетная обработка). В WordPress плагины типа WP Smush сжимают картинки автоматически. Сейчас загоните свои 50 картинок в TinyPNG и сожмите пакетом.

İİsmail K***Новый участник
Должность
Бакалея
Тип организации
среднее предприятие
Дата регистрации
дек. 2024 г.
Сообщение
22

Doki · Настройка управления логами · 2025

#3

у меня тоже каждая фотка была по 4 мб. кстати сжал в Tinypng упало до 400 кб — поначалу качество может казаться плохим, но вживую выглядит отлично. скорость загрузки картинок мне реально помогла.

HHalil Ö***Участник
Должность
Системный администратор
Отрасль
Химия
Тип организации
компания из 20 человек
Дата регистрации
янв. 2022 г.
Сообщение
4
#4

Инструменты: TinyPNG (бесплатно батч) ImageOptim (Mac), FileOptimizer (Windows), Imagick CLI (батч). В WordPress плагины типа WP Smush сжимают автоматически. Сожмите свои текущие 50 картинок батчем в TinyPNG прямо сейчас.

FFatma T***Участник
Должность
Продавец-консультант
Отрасль
Энергетика
Тип организации
команда из 8 человек
Дата регистрации
июль 2024 г.
Сообщение
190
#5

Процесс оптимизации картинок: 1. Выбери формат: JPEG (фото), PNG (прозрачность), WebP (современный) 2. Уменьши размер: оригинал 1920px → веб 800px 3. Сжатие: TinyPNG, ImageOptim 4. WebP fallback: тег picture или src-set 5. Lazy loading: загрузка только когда картинка попадает в экран 6. CDN: отдавай картинки с CDN

KKader K***УчастникУчастник сообщества
Дата регистрации
окт. 2023 г.
Сообщение
6
#6

Стандарты размера файлов картинок: - JPEG качество 75-85%: 50-200 КБ (1600x1200px) - PNG (прозрачность): 200-500 КБ - WebP: на 25-35% меньше - Lazy loading + Resize: ускорение на 40-60%

İİbrahim T***ЭкспертУчастник сообщества
Дата регистрации
март 2025 г.
Сообщение
22
#7

Быстрое решение: 1) Открой TinyPNG (tinypng.com) перетащи картинки (макс 20 за раз). 2) Скачай сжатые файлы. 3) Установи плагин WordPress Smush, чтобы новые картинки сжимались автоматически. 4) Добавь lazy loading (WP Smush и тут поможет). Проблема должна решиться.

HHilalУчастник
Должность
Переводчик
Дата регистрации
авг. 2024 г.
Сообщение
112
#8

Важно понимать размеры картинок: 5МБ JPEG означает, что исходник очень широкий (5000px+). Для веба нужно 800-1600px. Сначала уменьши разрешение (ImageMagick: mogrify), потом сжимай. Для батч-обработки используй ImageMagick CLI или скрипт на Python.

HHakan B***Эксперт
Должность
HR-специалист
Отрасль
Пластик
Тип организации
стартап на ранней стадии
Дата регистрации
янв. 2026 г.
Сообщение
409
#9

Ответ выше точно передал суть вопроса. Люди защищают не процесс, а привычку. Сопротивление идет оттуда.

Ответ сильно зависит от отрасли универсального правила нет.

NNuri N***УчастникУчастник сообщества
Дата регистрации
нояб. 2023 г.
Сообщение
4
#10

Если смотреть на процесс в целом картина меняется. кстати спорить о цифрах, не проверив настройку аналитики — пустая трата времени.

Надеюсь, это будет полезно.

OOya O***Участник
Должность
Бухгалтер
Отрасль
Медиа и издательское дело
Тип организации
компания с двумя филиалами
Дата регистрации
дек. 2024 г.
Сообщение
113
#11

Спасибо, это именно то, что я искал. Спорить о цифрах, не проверив настройку аналитики, — пустая трата времени.

Интересно, есть ли те, кто делает иначе.

DDoki ekibiКоманда Doki
Должность
Официальный аккаунт
Отрасль
Информационная безопасность и цифровые технологии
Тип организации
Doki
Дата регистрации
март 2023 г.
Сообщение
310
#12

Если углубиться в детали: Если на один вопрос вы получаете три разных ответа, вопрос задан неправильно.

Конечно, если ваша ситуация отличается, всё меняется.

RReyhan K***Участник
Должность
ИТ-директор
Отрасль
Электротехника и электроника
Тип организации
региональный дилер
Дата регистрации
апр. 2023 г.
Сообщение
93
#13

Не могу полностью с этим согласиться. Скорость — это пороговое значение; если уже быстро, дальнейшее ускорение ничего не меняет.

ÖÖzgür K***Участник
Должность
Специалист технической поддержки
Отрасль
Производство мебели
Тип организации
команда из 8 человек
Дата регистрации
май 2025 г.
Сообщение
79

Doki · Мобильное приложение · 2023

#14

Как думаете, это сработает в любом масштабе? Если делаете впервые, начните с малого, масштабирование потом.

Пытаться сделать это в одиночку — самый дорогой путь. Проверено опытом.

TTuğçe O***УчастникУчастник сообщества
Дата регистрации
сент. 2025 г.
Сообщение
3
#15

У меня нет опыта в оптимизация размера изображений, поэтому и спрашиваю. Спорить о цифрах, не проверив настройку аналитики, — пустая трата времени.

Без измерений мы всегда приходим к одному и тому же. Интересно есть ли те, кто делает иначе.

UUğur A***УчастникУчастник сообщества
Дата регистрации
июнь 2023 г.
Сообщение
222
#16

Здесь есть еще и аспект измерений. Любой пункт, не зафиксированный письменно, в будущем обе стороны будут помнить по-разному.

SSerapНовый участник
Должность
Частные уроки
Дата регистрации
нояб. 2024 г.
Сообщение
30
#17

Редко встретишь текст с такой ясностью изложения.

ZZafer K***УчастникУчастник сообщества
Дата регистрации
нояб. 2024 г.
Сообщение
1
#18

Я столкнулся с тем же два года назад... Регистрация на картах приносит местному бизнесу больше пользы, чем ведение блога.

NNuri K***Участник
Должность
Руководитель отдела закупок
Отрасль
Пластик
Тип организации
бутиковое агентство
Дата регистрации
сент. 2024 г.
Сообщение
335
#19

Именно так, и при этом об этом мало кто знает. Без измерений мы всегда приходим к одному и тому же.

Большая часть потерь времени копится на задачах, ожидающих согласования. Надеюсь, это будет полезно.

HHalil K***Участник
Должность
Руководитель клиники
Отрасль
Морепродукты
Тип организации
среднее предприятие
Дата регистрации
май 2024 г.
Сообщение
208

Doki · Интерфейсный дизайн · 2026

#20

У нас так же. Спорить о цифрах, не проверив настройку аналитики, — пустая трата времени.

Написать ответ