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


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 802.5 3 темы, 98 сообщений, 5 баллов репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 378 0 тем, 42 сообщения, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 150 Вне конкурса за определение пользователя месяца

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

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

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

    lena220678
    Очков активности: 108 4 темы, 24 сообщения, 2 балла репутации

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

    Megoydagi (24ho.ru)
    Очков активности: 93 5 тем, 16 сообщений, 2 балла репутации

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

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

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

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

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

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

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

    Constantine (constantine.video.blog)
    Очков активности: 31.5 3 темы, 12 сообщений, 1 балл репутации

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


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

#1 Андрей WPM

Андрей WPM
  • Пользователь
  • 844 сообщений
  • Репутация: 115
2

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

Привет, MasterWEBS!

 

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

 

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

 

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

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

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

 

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


 

 

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

  • 2


#2 TimurR

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

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

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


  • 1

#3 agrx

agrx
  • Пользователь
  • 149 сообщений
  • Репутация: 26

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

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


  • 0

#4 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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

 

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


  • 1


#5 maxnik

maxnik
  • Пользователь
  • 304 сообщений
  • Репутация: 31

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

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

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

  • 0

#6 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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

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


  • 0


#7 BLIK

BLIK
  • Супермодератор
  • 4 475 сообщений
  • Репутация: 1016

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

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

 

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

 


  • 0

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



#8 maxnik

maxnik
  • Пользователь
  • 304 сообщений
  • Репутация: 31

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

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

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


  • 0

#9 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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

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


  • 0


#10 maxnik

maxnik
  • Пользователь
  • 304 сообщений
  • Репутация: 31

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

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

 

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

 

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

 

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


  • 0

#11 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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


  • 0


#12 maxnik

maxnik
  • Пользователь
  • 304 сообщений
  • Репутация: 31

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

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


  • 0

#13 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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

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


  • 0


#14 magnet

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

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

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

 

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


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

  • 0


#15 Андрей WPM

Андрей WPM
    Topic Starter
  • Пользователь
  • 844 сообщений
  • Репутация: 115

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

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


  • 0


robot

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


Похожие темы

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

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