1 Тема від Felis silvestris catus Востаннє редагувалося Felis silvestris catus (24.07.2014 00:51:26)

  • Дата реєстрації: 31.05.2014
  • Повідомлень: 698
    • Репутація: 176

Тема: Фонове зображення.

Припустимо у мене на сайті фоновим зображення фотографії з пікніка.
При входженні на сайт з середньою чи повільною швидкістю, зображення довантажується зверху до низу.
Як можна полегшити завантаження?Чи можна зробити файл легшим без значної втрати якості? Аби воно завантажувалось або швидко, або моментально.

Якщо конкретніше, то хочу зробити з своїм зображенням так, як у цього користувача    http://graphicdesign.stackexchange.com/ … web-design

2 Відповідь від Chemist-i

  • Chemist-i
  • Chemist-i
  • Replace Team
  • Поза форумом
  • Звідки: world wide web
  • Дата реєстрації: 31.10.2012
  • Повідомлень: 3 800
    • Репутація: 2394

Re: Фонове зображення.

Використовуйте png з інтерлейсінгом.

Подякували: Felis silvestris catus1

Chemist-i вебсайт

3 Відповідь від karmeljuk Востаннє редагувалося karmeljuk (24.07.2014 06:00:10)

  • karmeljuk
  • karmeljuk
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 28.01.2014
  • Повідомлень: 1 497
    • Репутація: 816

Re: Фонове зображення.

є багато способів полегшети завантаження. Найпростіше - це стиснути файл сервісом https://tinypng.com/

Подякували: Felis silvestris catus, Анатолій2

karmeljuk вебсайт

4 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2106

Re: Фонове зображення.

Там зображення у векторі (svg). Я би рекомендував jpg з якістю десь 80%

Replace вебсайт

5 Відповідь від karmeljuk

  • karmeljuk
  • karmeljuk
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 28.01.2014
  • Повідомлень: 1 497
    • Репутація: 816

Re: Фонове зображення.

а ще можна принцип цикади застосувати

karmeljuk вебсайт

6 Відповідь від Vo_Vik Востаннє редагувалося Vo_Vik (24.07.2014 17:16:51)

  • Vo_Vik
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 01.10.2012
  • Повідомлень: 4 791
    • Репутація: 2495

Re: Фонове зображення.

Можна картинку на аджакс посадити який би провіряв швидкість завантаження і грузив з відповідною якістю.
Але це забивати цв’яхи мікроскопом.

Vo_Vik вебсайт

7 Відповідь від bunyk

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Re: Фонове зображення.

Зробити його через css невидимим, і показати коли завантажиться.

$("#background").bind("load", function () { $(this).fadeIn(); });
Подякували: Felis silvestris catus1

bunyk вебсайт

8 Відповідь від Felis silvestris catus

  • Дата реєстрації: 31.05.2014
  • Повідомлень: 698
    • Репутація: 176

Re: Фонове зображення.

З усього цього конвертнув з jpg в png, а потім стиснув через той сайт.
Але коли змінив, фон зник взагалі. 

<body background="https://pizzamaker.github.io/images/math.png">

9 Відповідь від Felis silvestris catus Востаннє редагувалося Felis silvestris catus (25.07.2014 00:53:59)

  • Дата реєстрації: 31.05.2014
  • Повідомлень: 698
    • Репутація: 176

Re: Фонове зображення.

Дивно файл вже завантажений,але сервер все одно показує 

Failed to load resource: the server responded with a status of 404 (Not Found)

10 Відповідь від Анатолій

  • Дата реєстрації: 14.05.2014
  • Повідомлень: 894
    • Репутація: 276

Re: Фонове зображення.

Felis silvestris catus написав:

Дивно файл вже завантажений,але сервер все одно показує

ну і як успіхи, знайшовся файлик,  в мене теж часом було що ніби нема файлика, насправді  помилково не в ту папку закинув, чи не ту літеру поставив, чи не те розширення поставив .jpg .png, якщо уважніше перевіряти, то в мене завжди 100 % моя помилка була за відсутності зображення.

11 Відповідь від Vo_Vik

  • Vo_Vik
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 01.10.2012
  • Повідомлень: 4 791
    • Репутація: 2495

Re: Фонове зображення.

Або не той регістр букв.

Vo_Vik вебсайт