Оптимизация картинок на мобильных точках останова Тема решена

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Оптимизация картинок на мобильных точках останова

Сообщение Vitamin701 » 31 янв 2020, 08:04

чтоб оптимизировать картинки на малых точках останова....пока вижу только одно решение, нужно клонировать и скрыть картинку. А потом уже делать ей обрезание ? Должно же быть другое рещение, чтоб все было по человечески ... ?

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение anonimus » 31 янв 2020, 10:25

Так как вы придумали, вы таким образом только вес сайта увеличите
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

sinpai
Мастер
Мастер
Сообщения: 808
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 14.2.2
Имя: Иван
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение sinpai » 31 янв 2020, 13:59

Если делать на сетках, картинки адаптируются самостоятельно.
И грянет страшный русский ренессанс!

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение anonimus » 31 янв 2020, 15:09

Речь про оптимизацию, а не про адаптацию, т.е. про вес картинок, как мне кажется))

А размер на точках меняется и ручками и автоматом
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Оптимизация картинок на мобильных точках останова

Сообщение Vitamin701 » 31 янв 2020, 16:42

Совершенно верно, именно про оптимизацию говорю. Картинки по размеру конечно подгоняются, но вот вес их десктопный. И скорость из-за этого конечно падает.
anonimus, на вашем сайте( что в тестах скорости), я обратил внимание, что главное фоновое фото меняются на обрезанное, при переключении на мобильный размер.
Отсюда и сделал вывод ( клонировать и скрывать)

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение anonimus » 31 янв 2020, 17:09

Да нет, тут всё просто
Если делать картинку фоном чего либо, слоя или сетки, то на точках останова можно менять картинки фоновые
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Оптимизация картинок на мобильных точках останова

Сообщение Vitamin701 » 31 янв 2020, 18:09

anonimus, а, ну да....действительно ))
А с простыми картинками как быть ? Средствами билдера можно что-то сделать ?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова  Тема решена

Сообщение anonimus » 01 фев 2020, 13:17

с простыми нет, но там есть опция подгрузки lazy load
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Оптимизация картинок на мобильных точках останова

Сообщение Vitamin701 » 02 фев 2020, 01:18

Спасибо !

Аватара пользователя

Eric
Продвинутый
Продвинутый
Сообщения: 381
Зарегистрирован: 19 дек 2018, 17:40
1
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:
Пользователь заблокирован

Оптимизация картинок на мобильных точках останова

Сообщение Eric » 02 фев 2020, 01:47

Ваши пользователи до сиг пор ADSL пользуются? :-):
Заходим, смотрим, покупаем не дорого, не стесняемся. Заходим, смотрим, покупаем, не стесняемся... :)
https://wwb.art-studio.top

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение anonimus » 02 фев 2020, 02:07

Эрик, скорость загрузки важный фактор, этот показатель учитывается при ранжировании, так что ваша ирония не уместна
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Murakami
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 10 апр 2020, 14:01
Версия Web Builder: 14.2.2
Имя: Евгений

Оптимизация картинок на мобильных точках останова

Сообщение Murakami » 14 апр 2020, 12:08

Подскажите какие настройки должны быть для того чтобы картинки уменьшались автоматически? Закидываю 3 картинки ПНГ в сетку, в 3 разные ячейки в одной строке. На предпосмотре уменьшаю окно, всё идёт нормально пока есть расстояние между картинками, потом начинается ползунок с низу увеличиваться, размер картинок не меняется. Что-нибудь можно сделать?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Оптимизация картинок на мобильных точках останова

Сообщение anonimus » 14 апр 2020, 12:12

Свойства картинки есть опция во всю ширину
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость