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

Вопросы, связанные с адаптивным и мобильным веб-дизайном в 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
Сообщения: 5061
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

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

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

Так как вы придумали, вы таким образом только вес сайта увеличите
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

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

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

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

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

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

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

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

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

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

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

А размер на точках меняется и ручками и автоматом
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

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

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

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

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

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

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

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

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

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

Да нет, тут всё просто
Если делать картинку фоном чего либо, слоя или сетки, то на точках останова можно менять картинки фоновые
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

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

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

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

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

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

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

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

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

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

с простыми нет, но там есть опция подгрузки lazy load
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

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

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

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

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

Спасибо !

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

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

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

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

Ваши пользователи до сиг пор ADSL пользуются? :-):
Профессионально пишу "Hello world!". Стоит недорого :)

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

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

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

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

Эрик, скорость загрузки важный фактор, этот показатель учитывается при ранжировании, так что ваша ирония не уместна
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

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

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

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

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

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

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

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

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

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

Свойства картинки есть опция во всю ширину
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============


Ответить

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

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

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