Алексей Шевченко
23 сообщения
#3 года назад
Добрый день, кто как решает проблему "тяжелых" картинок на своих проектах? Скорость сайта очень сильно падает именно из-за картинок а они нужны, большие и красивые. Используете какие-то спец программы, форматы? Не могу ничего толкового нагуглить.
Николай Т.
207 сообщений
#3 года назад
А вы ничего и не сможете - есть 72 дпи и есть ширина или высота по пикселям

я лично сомневаюсь в их применении
Александр Р.
3543 сообщения
#3 года назад
AlShev, пробовали ?

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

Другое дело что никто не заставляет ведь верстать на флексах, можно по старинке на флоатах
Артем Л.
11416 сообщений
#3 года назад
Цитата (Vakarchuk):
ну вон выше человек ресурсом поделился, можете загуглить ссылку)
Ну так я посмотрел специально и не нашел там таких браузеров, которые не поддерживают flex сейчас, поэтому и спрашиваю :-)
Возможно вы имели в виду IE11, но там с минимальными костылями, которые пишутся быстро и в каждом проекте идут по умолчанию, тоже все работает.
Все браузеры, под которые сейчас верстают поддерживают флексы. А вот WebP далеко не все.
Андрей В.
1205 сообщений
#3 года назад
Цитата (Hungry_Hunter):
Все браузеры, под которые сейчас верстают поддерживают флексы. А вот WebP далеко не все.
Цитата:
Я к тому что как flex и гриды ворвались, так и WebP со временем...
Несколько лет назад флексы не все поддерживали, а еще раньше border-radius`a не было и проходилось заокругление (уголки) верстать изображениями...
Артем Л.
11416 сообщений
#3 года назад
Цитата (Vakarchuk):
Я к тому что как flex и гриды ворвались, так и WebP со временем...
Что-то 7 лет уже прошло, если не больше, с момента создания этого формата, а WebP так и не ворвался :-)
Андрей В.
1205 сообщений
#3 года назад
Hungry_Hunter, 10 уже, ага)
Мирон Яцкевич
5629 сообщений
#3 года назад
Цитата (Hungry_Hunter):
WebP
Активно используют в проектах где он нужен.  У типичной домохозяйки например установлен Chrome
И магазины одежды активно используют webp
Томи Т.
18 сообщений
#3 года назад
Поддерживает, не поддерживает... srcset не судьба использовать, при том, что сборщик все автоматом может прописывать?
Елена К.
282 сообщения
#3 года назад
Не моя тема, но я облегчаю картинки фотошопом через размытие по поверхности
Приложения:
  • 131 КБ
  • 12 КБ
Валерий Б.
432 сообщения
#3 года назад
AlShev,

Cжымает хорошо и без потери качества.
Артем Л.
11416 сообщений
#3 года назад
MrDarkside, осталось сделать что б CMS это все автоматически делала при загрузке фотографий контент-менеджером :-)