Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570

Как сделать чтобы картинку background грузило быстро?

19.12.2012, 19:23. Показов 2114. Ответов 15
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать чтобы картинку background грузило быстро!?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.12.2012, 19:23
Ответы с готовыми решениями:

Как сделать чтобы анимация проходила плавно и быстро
И еще.Ось вращения надо сделать жирнее.

Как сделать так чтобы по нажатию на блок менялись background?
var heart_m = document.getElementById('heart_m'+mom); heart_m.onclick = function(){ this.style.backgroundImage =...

Как сделать чтобы фон изменялся не цветом, а картинкой background-image?
Есть JS и коротенький CSS. Как сделать что б фон изменялся не цветом а картинкой background-image? <script...

15
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
19.12.2012, 19:33
Цитата Сообщение от JimUSA Посмотреть сообщение
Как сделать чтобы картинку background грузило быстро!?
Вариантов масса:
  • Оптимизировать картинку.
  • Сохранить в более сжатом формате.
  • Уменьшить/ухудшить картинку.
  • Сменить интернет провайдера.
  • Забить - и так сойдет.
1
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570
19.12.2012, 19:35  [ТС]
картинка большого разрешения
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
19.12.2012, 19:41
Попробуйте JPEG progressive. Если повезет, то во время первой загрузки юзер сначала будет видеть фон в плохом качестве, а затем по мере загрузки качество будет улучшаться.
Плюс подогнать соотношение качество/размер.
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
19.12.2012, 19:42
JimUSA, размер какой? Оптимизировать можно все равно.
1
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570
20.12.2012, 18:39  [ТС]
Гдето около 1600
0
20.12.2012, 19:28

Не по теме:

Цитата Сообщение от JimUSA Посмотреть сообщение
Гдето около 1600
мегабайт? :swoon:

0
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570
21.12.2012, 16:11  [ТС]
Нет, расширение картинок
0
546 / 198 / 23
Регистрация: 26.10.2012
Сообщений: 274
21.12.2012, 16:53
Цитата Сообщение от JimUSA Посмотреть сообщение
Нет, расширение картинок
Вес картинки какой в кб? или Мб... Долго грузит потому что картинка не оптимизирована для WEB вероятно. Покажите изображение в оригинале или дайте информацию по весу.
0
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570
22.12.2012, 23:23  [ТС]
Ну к примеру вот эту http://wallpaper.goodfon.ru/im... 40x900.jpg
0
546 / 198 / 23
Регистрация: 26.10.2012
Сообщений: 274
22.12.2012, 23:28
30кб нормальный размер. И грузится она очень быстро, если у вас нет проблем со скоростью доступа в интернет.
0
Web Programmer
 Аватар для JimUSA
325 / 286 / 121
Регистрация: 28.09.2011
Сообщений: 1,570
23.12.2012, 00:39  [ТС]
Нет,скорость интернета хорошая!
0
 Аватар для shyma
46 / 19 / 0
Регистрация: 21.02.2012
Сообщений: 170
23.12.2012, 01:36
попробуй конвертони ее или еще больше сожми... Разрешение не влияет на скорость загрузки. Пробуй ее в гиф формате посмотреть
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
23.12.2012, 01:41

Не по теме:

Цитата Сообщение от JimUSA Посмотреть сообщение
Нет,скорость интернета хорошая!
не у всех она хорошая, не забывайте о том, что делать вы должны в первую очередь не для себя, а для других пользователей



Добавлено через 2 минуты
если картинка большая - ее можно разбить на части и подгружать постепенно (тайлы)
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
23.12.2012, 10:27
Давайте не будем уводить ТС в неверном направлении. 30кв разбивать смысла не вижу. Причина тормозов в чем-то другом.
2
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
23.12.2012, 10:36

Не по теме:

Каждый раз смотрю на название темы и улыбаюсь. Уж больно похоже на "Как сделать чтобы отпустило пожалуйста" :D


Поддерживаю Taatshi
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
23.12.2012, 10:36
Помогаю со студенческими работами здесь

Как сделать чтобы background переключался на none при изменении разрешения экрана
На сайте кулвебмастерс такая фишка - исчезает бэкграунд, вернее его значение переключается на нон. Не могу понять как так реализовано. Есть...

CSS Background-image, как сделать чтобы картинка всегда была 100%
Ненавижу верстку, ну вот пришлось, и на первых же порах, запар... <div id="header"> </div> #header{ width:100%; ...

как быстро сделать, чтобы Ваш сайт приносил доход от 30 000 руб. в месяц
как быстро сделать, чтобы Ваш сайт приносил доход от 30 000 руб. в месяц - подробности на www.education777.ru

Как сделать чтобы при нажатии на картинку играла музыка
Как зделать чтобы при нажатии на картинку играла музыка. зарание спасибо

Как сделать так, чтобы слайдер отображался картинку в хорошем расширении?
Есть слайдер который должен занимать всю видимую область при загрузке страницы, при просмотре desktop версии все выглядит хорошо, а вот в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
16
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru