Якісна фотографія на головну сторінку сайту, але як зменшити її вагу
Доброго дня! Необхідно розмістити на титульній сторінці сайту (лейдинг з прокручуванням) фотографію роздільної здатності 1440 і більше. Єдина вимога: малий розмір файлу для легкого завантаження сторінки. Приклад застосування "великих картинок": www.templatemonster.com/ru/website-templates-type/.
Чи можна фотографії великого дозволу стискати до 300-400 кб? Способи? Який формат застосувати JPG або PNG або. Чи в погоді за меншою "вагою" графіки застосовувати альтернативні графічні способи, що погіршують якість? Які та як?
Дякую за допомогу!
дуже хороший сервіс зі стиснення jpg та png без втрат якості. Якщо самому не хочеться возитися з ПЗ та налаштуваннями стиснення, то ця штука незамінна. Зазвичай мої картинки до 70-85% стискає.
www.jpegmini.com - бл. Ізраїльський стартап із крутим алгоритмом стиснення без втрат.
я роблю так: 1 роблю превьюшку меншого дозволу і вагою в 5-15 кб з таким самим співвідношенням сторін 2 вставляю її як інлайн картинку 3 до цієї картинки застосовую фільтр blur 4 вішаю скрипт, або на document ready, або відразу, або при скролле, щоб починало вантажити картинку в повному розмірі 5 після завантаження картинки змінюю заінлайнований варіант на повний розмір, і анімую blur в 0 виходить приблизно так https:/ /youtu.be/PhSVRzYsSFA на medium приблизно так само картинки вантажили
підключаємо CDN і виносимо туди картинки зменшуємо вагу самих картинок, список утиліт для оптимізації розміру вам в інших відповідях написали додатково, в шапці пишаємо посилання на велику картинку з rel="prefetch" або подібними. включаємо на хостингу кешування, gzip та інше для покращення швидкості роботи