Алексей Шевченко
21 сообщение
#1 месяц назад
Добрый день, кто как решает проблему "тяжелых" картинок на своих проектах? Скорость сайта очень сильно падает именно из-за картинок а они нужны, большие и красивые. Используете какие-то спец программы, форматы? Не могу ничего толкового нагуглить.
Николай Т.
197 сообщений
#1 месяц назад
А вы ничего и не сможете - есть 72 дпи и есть ширина или высота по пикселям
https://www.cossa.ru/trends/139785/
я лично сомневаюсь в их применении
Александр Рева
3543 сообщения
#1 месяц назад
AlShev, пробовали Оптимизиллу?

Плюс, в каком формате у вас изображения. Если png, то они сжимаются плохо, попробуйте jpg.
Артем Л.
11290 сообщений
#1 месяц назад
Прогоняю картинки через оптимизатор при сборке проекта Gulp'ом
Андрей В.
1185 сообщений
#1 месяц назад
https://tinypng.com/ не плохо так сжимает без потери качества...
Еще можно смотреть в сторону нового формата:
WebP — формат сжатия изображений с потерями и без потерь качества, предложенный компанией Google Inc. в 2010 году.
Николай Т.
197 сообщений
#1 месяц назад
Пнг вынуждены делать - у жпг белая полоска просматривается
Артем Л.
11290 сообщений
#1 месяц назад
Vakarchuk, WebP еще не все браузеры поддерживают.
Андрей В.
1185 сообщений
#1 месяц назад
Hungry_Hunter, flex тоже не все и альфаканалы
Александр Рева
3543 сообщения
#1 месяц назад
Vakarchuk, сначала не поверил вам, думаю, «Ага...» Полез на кен-ай-юз и таки да, хотя перевес на 10% в пользу flex. То есть можно сказать, что это уже как «Отче наш» с нами)
Артем Л.
11290 сообщений
#1 месяц назад
Vakarchuk, например? Старые олдовые браузеры не в счет.
Андрей В.
1185 сообщений
#1 месяц назад
Hungry_Hunter, ну вон выше человек ресурсом поделился, можете загуглить ссылку)
Я к тому что как flex и гриды ворвались, так и WebP со временем...

Другое дело что никто не заставляет ведь верстать на флексах, можно по старинке на флоатах
Артем Л.
11290 сообщений
#1 месяц назад
Цитата (Vakarchuk):
ну вон выше человек ресурсом поделился, можете загуглить ссылку)
Ну так я посмотрел специально и не нашел там таких браузеров, которые не поддерживают flex сейчас, поэтому и спрашиваю :-)
Возможно вы имели в виду IE11, но там с минимальными костылями, которые пишутся быстро и в каждом проекте идут по умолчанию, тоже все работает.
Все браузеры, под которые сейчас верстают поддерживают флексы. А вот WebP далеко не все.
Андрей В.
1185 сообщений
#1 месяц назад
Цитата (Hungry_Hunter):
Все браузеры, под которые сейчас верстают поддерживают флексы. А вот WebP далеко не все.
Я к тому что как flex и гриды ворвались, так и WebP со временем...
Несколько лет назад флексы не все поддерживали, а еще раньше border-radius`a не было и проходилось заокругление (уголки) верстать изображениями...
Артем Л.
11290 сообщений
#1 месяц назад
Цитата (Vakarchuk):
Я к тому что как flex и гриды ворвались, так и WebP со временем...
Что-то 7 лет уже прошло, если не больше, с момента создания этого формата, а WebP так и не ворвался :-)
Андрей В.
1185 сообщений
#1 месяц назад
Hungry_Hunter, 10 уже, ага)
Мирон Яцкевич
5383 сообщения
#1 месяц назад
Цитата (Hungry_Hunter):
WebP
Активно используют в проектах где он нужен.  У типичной домохозяйки например установлен Chrome
И магазины одежды активно используют webp
Томи Т.
18 сообщений
#1 месяц назад
Поддерживает, не поддерживает... srcset не судьба использовать, при том, что сборщик все автоматом может прописывать?
Елена К.
252 сообщения
#1 месяц назад
Не моя тема, но я облегчаю картинки фотошопом через размытие по поверхности
Приложения:
  • 131 КБ
  • 12 КБ
Валерий Б.
420 сообщений
#1 месяц назад
AlShev,
https://imagecompressor.com/ru/
Cжымает хорошо и без потери качества.
Артем Л.
11290 сообщений
#1 месяц назад
MrDarkside, осталось сделать что б CMS это все автоматически делала при загрузке фотографий контент-менеджером :-)