Перейти к содержимому



Инструкция по оптимизации изображений.

#1 Андрей WPM
Андрей WPM
  • Модератор
  • 972 сообщений
  • Репутация: 145
2

Отправлено 21 Июль 2019 - 12:51

Привет, MasterWEBS!

 

Предлагаю вашему вниманию мой гайд по оптимизации изображений на сайте. В статье я постарался пройтись по всему пути оптимизации (от правильных названий, до подписей на сайте). Так что, тем кто ещё не особо понимает что нужно делать, будет полезно. Но это не освобождает от прочтения "бывалых" вебмастеров!  :D  Думаете вы и так всё делаете правильно? А вот проверьте себя.

 

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

 

Уровень: Новичок, Пользователь, Профи, Пассажир  ;) .

Примерное время прочтения: ~21 минута, "многабукаф".

Статья на блоге: Инструкция по оптимизации изображений.

 

Комментируем, плюсуем, ругаем... всё как всегда, я готов!


 

 

Сообщение отредактировал Андрей WPMasterKZ: 21 Июль 2019 - 12:51

  • 2

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#2 TimurR
TimurR
  • Пользователь PRO
  • 1 158 сообщений
  • Репутация: 283

Отправлено 21 Июль 2019 - 16:33

Статья для новичков неплоха. Чтобы хотябы научились понимать, что кидать на страницу имг в 1-3 мб это сомнительная затея. Для любителей матчасти и серьезного подхода к раскуриванию данной темы, хорошая статья на хабре: https://habr.com/ru/post/422531/ статья большая, но она даст хороший левелап. В основном понадобится для разрабов. 


  • 1

Мощный и недорогой хостинг - IHC

Пользователи в игнор листе: MattCutts 



#3 agrx
agrx
  • Пользователь
  • 191 сообщений
  • Репутация: 35

Отправлено 21 Июль 2019 - 16:39

Какой-то из плагинов может автоматически подставлять webp для поддерживаемых браузеров, а для остальных обычные png или jpeg?


  • 0

#4 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 21 Июль 2019 - 17:14

Какой-то из плагинов может автоматически подставлять webp для поддерживаемых браузеров, а для остальных обычные png или jpeg?
 

 

В основном сейчас в платных версиях подобные функционалы. Я когда шерстил тему webp по-моему на плагин кэширования натыкался с такими возможностями. А из представленных Robin умеет, но в платной версии.


  • 1

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#5 maxnik
maxnik
  • Пользователь
  • 339 сообщений
  • Репутация: 35

Отправлено 21 Июль 2019 - 20:30

Интересно почитать. Сам пользуешься плагином Robin? Делал эксперимент по сжатию изображений различными сервисами. Результат в этой статье
Сам пользуюсь для сжатия сервисом IloveIMG. 
Бывает загружаю на сайт картинку большего размера, и использую плагин fancybox для увеличения.

Сообщение отредактировал maxnik: 21 Июль 2019 - 20:30

  • 0

#6 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 21 Июль 2019 - 20:41

Сам пользуешься плагином Robin?

С ним я знаком ещё со времен бесплатного Clearfy. Кручу его верчу со всех сторон, вижу что он один из лучших плагинов, но всё равно программа более функциональна. Надо ещё потестить, пока не понравиться.  :D  Точнее пока не решу с нормальной конвертацией в webp формат. Программа по сути мне для этого и нужна, у меня главная картинка статьи в webp формате. Смотрю в платной версии Robina есть конверт в этот формат, но я пока не могу понять подставляет ли он автоматом под нужный браузер или просто конвертит.


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#7 BLIK
BLIK
  • Супермодератор
  • 4 619 сообщений
  • Репутация: 1062

Отправлено 21 Июль 2019 - 20:45

@agrx,Если правильно понял, вот плагин посмотри https://wordpress.or...s/webp-express/

 

Видео по данному плагину

 


  • 0

Качественный хостинг   Тут может быть ваша ссылка.



#8 maxnik
maxnik
  • Пользователь
  • 339 сообщений
  • Репутация: 35

Отправлено 21 Июль 2019 - 20:51

@Андрей WPMasterKZ, то есть ты только плагином пользуешься? или перед этим дополнительно сжимаешь в фотошопе.

Мне интересно, если плагин наиболее результативно сжимает, есть ли смысл тогда прогонять через сервис. Я думаю ты сравнивал


  • 0

#9 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 21 Июль 2019 - 20:58

то есть ты только плагином пользуешься? или перед этим дополнительно сжимаешь в фотошопе.
 

Нет, плагин я тестирую. У меня процесс происходит так. Обрезаю в фотошопе, сжимаю в программе и загружаю на сайт. Через плагин пока не сжимаю, тестирую пока серверы, в общем подбираю хорошую настройку, чтобы сжимал хорошо и картинки в артефакты не превращал.


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#10 maxnik
maxnik
  • Пользователь
  • 339 сообщений
  • Репутация: 35

Отправлено 21 Июль 2019 - 21:07

@Андрей WPMasterKZ, программу скачал. Раз ты написал - кладезь!

 

Не слышал о ней ранее. Надо попробовать.

 

Webp говоришь не во всех браузерах. В принципе посмотреть в Метрике браузеры откуда заходы - и лучше тогда конвертировать в webp.

 

Об этом формате читал здесь на форуме, Ixman вроде писал. Но не углублялся.


  • 0

#11 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 21 Июль 2019 - 21:11

@maxnik, не всё так просто, как оказалось. У меня например не работают все вот эти автоматические (на лету) подстановки формата webp. В том числе не работает и плагин, который выше Александр предложил. Мне пришлось вручную внедрять проверку в шаблон. Но это не массово, поэтому сейчас экспериментирую, ищу выход.


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#12 maxnik
maxnik
  • Пользователь
  • 339 сообщений
  • Репутация: 35

Отправлено 21 Июль 2019 - 21:19

@Андрей WPMasterKZ, Ясно. Ну ты это ... пиши, если чё,  выход найдешь  :D


  • 0

#13 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 21 Июль 2019 - 21:22

Ну ты это ... пиши, если чё,  выход найдешь
 

Обязательно Паш.  ;)


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#14 magnet
magnet
  • Пользователь PRO
  • 1 782 сообщений
  • Репутация: 373

Отправлено 22 Июль 2019 - 18:27

Пользуюсь фотошопом в основном, за исключением редких случаев)

 

@Андрей WPMasterKZ, Полезная статья!


Сообщение отредактировал magnet: 23 Июль 2019 - 13:40

  • 0


#15 Андрей WPM
Андрей WPM
    Topic Starter
  • Модератор
  • 972 сообщений
  • Репутация: 145

Отправлено 22 Июль 2019 - 18:45

Внимание
Чтобы увидеть этот текст Вам необходимо иметь 50 единиц репутации


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
FIvYUr FIvYUr 1-й за Декабрь
Очков активности: 2 062 0 тем, 125 сообщений, 11 баллов репутации
Сайт: moy-evroopt.ru
ТОП самых активных за этот месяц
  • Фотография albedo
    #1

    albedo (online24news.ru)
    Очков активности: 1701 7 тем, 105 сообщений, 9 баллов репутации

  • Фотография Totti
    #2

    Totti
    Очков активности: 1176 3 темы, 47 сообщений, 14 баллов репутации

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 189 0 тем, 18 сообщений, 7 баллов репутации

  • Фотография Santey
    #4

    Santey
    Очков активности: 150 20 тем, 40 сообщений, 1 балл репутации

  • Фотография Bilish
    #5

    Bilish
    Очков активности: 147 20 тем, 38 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #6

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 126 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 120 Вне конкурса за определение пользователя месяца

  • Фотография MattCutts
    #8

    MattCutts (dmitrylee.ru)
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография Vmir
    #9

    Vmir
    Очков активности: 54 0 тем, 18 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #10

    Megoydagi (24ho.ru)
    Очков активности: 46.5 4 темы, 19 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.12.2019
  • Яндекс выдача: 25.01.2020
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru