Андрей_WPM, привет!

Немаловажный - пишется слитно, а так нормальная статья. "Не маловажную роль...", поправьте на сайте.

WEBp очень интересный формат, отличное сжатие, жаль что еще слабая поддержка браузерами, пару лет придется подождать.
Из онлайн сервисов для сжатия изображений мне очень понравился squoosh, там гибкая система оптимизации.

при масштабировании окна браузера получите ошибочные данные
проверяется без скринов и сторонних расширений. в панели разработчика наведите указатель мыши на ссылку изображения, или откройте изображение в отдельной вкладке и смотрите title этой вкладки

Благодарю, поправил.



Справедливое замечание. Поправил статью. Спасибо.

Хотел пару моментов от себя добавить:

В том случае, если не используются лайтбоксы (увеличение при клике на картинку)


А если писать на компе "домик на берегу озера.jpg" - без тире? Так не проще?

Ну и из бесплатных программ мне нравится как сжимает FileOptimizer

Проще, более того, я точно так и пишу, только после компрессии, инструмент сам добавляет эти тире. И это очень не удобно, постоянно их удалять в ручную. Поэтому я в хук этот момент и добавил. В первую очередь для собственного удобства.

Попробуйте назвать картинку без тире, оптимизировать программой и вы увидите эти тире. Скорее даже это под программу и писалось, потому-что я ей в основном оптимизирую. И всем заказчикам тоже. Она для меня как третья рука.

Поправлюсь, тире ставит фотошоп. Я чёт сам засомневался, сейчас проверил. У меня путь начинается с фотошопа, потом программа и загрузка на сайт.

Сообщение отредактировал Андрей_WPM - 21.7.2019, 16:24

Андрей_WPM, я пользую на сайте Robin image optimizer от Webcraftic, он прекрасно добавляет описание без тире, т.е. как оно есть, и также Webcraftic перезаписывает название картинки уже с тире(или нижним подчеркиванием, не помню). Единственное что остается - заполнить альт. Но если альт и название совпадают как в вашем примере, то ctrl+a, ctrl+c и ctrl+v решают эту задачу на раз. Ну или вашим скриптом автоматом прописывать альт из названия. Просто сложилось впечатление, что в статье есть лишняя работа для вебмастера, можно ваши примеры еще оптимизировать.

п.с. если начинать с фотошопа, тогда да, наверное ваш пример норм. Если без фотошопа, тогда не норм

Сообщение отредактировал rom_4 - 21.7.2019, 17:42

rom_4, честно говоря, по сравнению с качеством и уровнем компресси xnconvert выигрывает в разы по сравнению с robin. Я тестировал и плагины и сервисы, видел результаты. Поэтому я и остановился на программе. Плюс, у меня главная картинка статьи в формате webp (подставляется если браузер поддерживает), а robin с этим форматом только в платной версии работает. Как то так.



Оптимизировать можно всё! Тут главное основу понять. Многие даже это не делают ведь, потому что не знают как и чем.
А по поводу лишней работы, тут скорее много информации, за раз тяжеловато освоить, поэтому и кажется что лишняя. На самом то деле, один раз дорогу настроил и потом просто ходи по ней. Обрезал, сжал, загрузил. Ничего лишнего я считаю.

Но идея максимально оптимизировать процесс достаточно логичная. Я поработаю над этим!

Андрей_WPM,
Андрей! Внимательно прочитал Ваш подробный гайд по оптимизации изображений. Общее впечатление хорошее. Не совсем понятно как продвигать картинку в Интернете? Я в поисковике ввожу запрос на картинку и как поисковик найдет именно то что мне надо? домик-на-берегу-озера.jpg переделается в domik-na-beregu-ozera.jpg В Описание и Подпись пойдет текст Домик на берегу озера и по нему и будет происходить индексация? Я правильно понял. Хотелось бы большей определенности в этом вопросе. Куда ставить ключевик? Может я что-то пропустил, тогда извините.