Как уменьшить весь фона страницы?

Автор Тема: Как уменьшить весь фона страницы?  (Прочитано 3573 раз)

Оффлайн RacingАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 154
  • Сообщений: 502
  • Карма: 50
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн RacingАвтор темы

  • Ветеран
  • *****
Коллеги доброго дня!
Столкнулся с проблемой: фоновая картинка на сайте получилась очень тяжелой, пробовал уже ужимать софтом Caesium (кстати очень неплохая программа), - не справляется она с этой картинкой - сразу все цвета меняет на другие оттенки. Картинка размером 1920х1080, т.к. "замостить" ее нельзя. Как вообще в данном случае поступать? Диким способом нашел временное решение (уменьшил размер в 2 раза) - вырезал кусок скрытый под телом

Подопытный
(нажмите чтобы показать/скрыть)

А вот сама картинка
(нажмите чтобы показать/скрыть)
(пробел перед .com убрать)

Вопросы:
1) Как уменьшить ее размер?
2) Как вообще правильно ставить картинки на фон которые должны занимать всю ширину страницы?

Спасибо)
« Последнее редактирование: 18-12-2015, 12:44:30 от Racing »


Оффлайн DOleg

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 746
  • Сообщений: 1307
  • Карма: 84
  • Пол: Мужской
  • Награды КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн DOleg

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #1 : 18-12-2015, 13:08:49 »
Вырезаете из приведённой вами картинки её левую часть, выводите её на сайте в нормальном состоянии прижатой к левой части, дальше выводите тело (белый блок), а справа от него выводите туже картинку, только повёрнутую зеркально по горизонтали. И картинку сохраняете "для Web", выйдет чуть более 50кБ.

(нажмите чтобы показать/скрыть)

Оффлайн RacingАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 154
  • Сообщений: 502
  • Карма: 50
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн RacingАвтор темы

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #2 : 18-12-2015, 13:22:22 »
Вырезаете из приведённой вами картинки её левую часть, выводите её на сайте в нормальном состоянии прижатой к левой части, дальше выводите тело (белый блок), а справа от него выводите туже картинку, только повёрнутую зеркально по горизонтали. И картинку сохраняете "для Web", выйдет чуть более 50кБ.

(нажмите чтобы показать/скрыть)

Спасибо. А как будет себя вести данный вариант при масштабировании? Т.е. при разных разрешениях экрана? Допустим у меня исходик 1080 по высоте, а человек открывает с крутого монитора у коготоро разрешение 2000 по высоте?

Оффлайн Zhezkazganetcs

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 855
  • Сообщений: 2137
  • Карма: 40
  • Пол: Мужской
  • время дороже денег...
    • Просмотр профиля
    • магазин запчастей АвтоСТОП
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 855
    • Сообщений: 2137
    • Карма: 40
    • Пол: Мужской
    • время дороже денег...
      • Просмотр профиля
      • магазин запчастей АвтоСТОП
Re: Как уменьшить весь фона страницы?
« Ответ #3 : 18-12-2015, 13:52:56 »
compressjpeg.com/ru/ минус 78% практически без потерь

Оффлайн RacingАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 154
  • Сообщений: 502
  • Карма: 50
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн RacingАвтор темы

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #4 : 18-12-2015, 13:58:27 »
compressjpeg.com/ru/ минус 78% практически без потерь

Ну а к чему я писал про то что Caesium цвета при сжатии меняет)
Вот результат после предложенного Вами сервиса. Сверху оригинал, снизу ужатое
(нажмите чтобы показать/скрыть)


Оффлайн Zhezkazganetcs

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 855
  • Сообщений: 2137
  • Карма: 40
  • Пол: Мужской
  • время дороже денег...
    • Просмотр профиля
    • магазин запчастей АвтоСТОП
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 855
    • Сообщений: 2137
    • Карма: 40
    • Пол: Мужской
    • время дороже денег...
      • Просмотр профиля
      • магазин запчастей АвтоСТОП
Re: Как уменьшить весь фона страницы?
« Ответ #5 : 18-12-2015, 14:09:53 »
а вы попробуйте выставить 100%
тогда примерно минус 30 должно быть

Оффлайн RacingАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 154
  • Сообщений: 502
  • Карма: 50
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн RacingАвтор темы

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #6 : 18-12-2015, 14:30:48 »
а вы попробуйте выставить 100%
тогда примерно минус 30 должно быть
Пройденный этап) - даже при минус 5% - цвета сразу меняются)

Оффлайн Туман, туман

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 61
  • Сообщений: 288
  • Карма: 4
  • Пол: Мужской
    • Просмотр профиля
    • Тепловизионное обследование

Оффлайн Туман, туман

  • Старожил
  • ****
Re: Как уменьшить весь фона страницы?
« Ответ #7 : 18-12-2015, 14:50:18 »
А просто уменьшить качество jpg в фотошопе не пробовали?

Оффлайн RacingАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 154
  • Сообщений: 502
  • Карма: 50
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн RacingАвтор темы

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #8 : 18-12-2015, 14:51:19 »
А просто уменьшить качество jpg в фотошопе не пробовали?
Градиент начинает полосить)
+ начинает мутнеть все, теряется четкость, появляется своего рода "мылкость"


Оффлайн DOleg

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 746
  • Сообщений: 1307
  • Карма: 84
  • Пол: Мужской
  • Награды КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн DOleg

  • Ветеран
  • *****
Re: Как уменьшить весь фона страницы?
« Ответ #9 : 18-12-2015, 14:57:58 »
А как будет себя вести данный вариант при масштабировании? Т.е. при разных разрешениях экрана? Допустим у меня исходик 1080 по высоте, а человек открывает с крутого монитора у коготоро разрешение 2000 по высоте?

А сейчас как масштабируется? Почему что-нибудь должно поменяться?


 

Похожие темы

  Тема / Автор Ответов Последний ответ
8 Ответов
2488 Просмотров
Последний ответ 09-01-2011, 10:58:58
от Chiliec
9 Ответов
5020 Просмотров
Последний ответ 13-04-2011, 19:14:12
от Lima
8 Ответов
3266 Просмотров
Последний ответ 14-01-2012, 09:46:27
от vadimcucherencko
2 Ответов
2116 Просмотров
Последний ответ 04-01-2013, 19:19:24
от somik
0 Ответов
852 Просмотров
Последний ответ 08-04-2013, 15:04:50
от spainandrussia