Стиснення PNG та JPG зображень, зменшення розміру

Доброї доби 🙂 Шановні веб майстри та початківці верстальники, верстаючи нові сторінки та цілі сайти, Ви стикаєтеся з тим, що додаєте зображення, які формують зовнішній вигляд Вашого сайту. Іноді так буває, що зображень не мало і основна їх складова, це зображення з розширенням PNG і JPG. Як відомо, перед версткою дизайн сайту створюється у програмі Photoshop, після зображення ріжеться на частини та зберігається у певних форматах. Якщо вибрати звичайний метод збереження, розмір таких зображень може бути навіть дуже великим. Вибравши метод, зберегти для Web, Ви значно зменшите розмір, але потрібно уважно налаштовувати, щоб не втратити сильно як, щоб не зіпсувати зовнішній вигляд. Якщо таких картинок багато, то кожну потрібно налаштовувати і уважно зберігати. Особисто мені сподобався трохи інший спосіб, як стиснути PNG та JPG зображення. Існує непоганий сервіс, в якому можна стиснути швидко і без зайвих дій зображення у форматі PNG та JPG:

tinypng.com

Даним сервісом можна інколи стиснути навіть до 80%. Як він працює? Як пишуть автори системи, насправді так само як і Photoshop. Коли Ви завантажуєте зображення в систему, програма бере схожі кольори із зображення і поєднує їх. Ця техніка має назву "квантування". Оскільки кількість кольорів зменшується, то наприклад 24-бітові PNG - файли можуть бути перетворені на набагато менші 8-бітові зображення. Всі непотрібні метадані видаляються теж. В результаті файл втрачає не малу вагу і його розмір стає явно меншим.

Щоб стиснути зображення, достатньо перетягнути потрібні файли в цю зону насторінці або натиснувши на неї вибрати файли з потрібної папки.

Після цього система завантажить всі файли і проведе стиснення.

Далі Вам залишається завантажити та прикріпити до своєї верстки. Також можна стискати інші зображення без втрати якості, які ви додаєте на сайт, навіть якщо Ви не створювали їх у Фотошопі. Кожне стисло зображення допоможе Вам знизити навантаження та зменшити швидкість завантаження сайту. Якщо Ви ще не користувалися даним способом, то обов'язково спробуйте, гарантовано отримаєте непоганий результат.

На цьому все, дякую за увагу 🙂