Як швидко стиснути зображення для розміщення в інтернет?
В ході своєї роботи в інтернет кожен з нас обов'язково стикається з необхідністю завантаження будь-яких зображень на різні сайти. Наприклад, при спілкуванні на форумах, часто доводиться прикладати посилання на скріншоти, а якщо у вас є свій сайт, то до багатьох статей для нього необхідно прикладати зображення. Але тут можуть бути деякі нюанси … Далеко не завжди зображення будуть відразу потрібного розміру (як по ширині-висоті, так і по «вазі») щоб вони коректно відображалися на потрібному ресурсі. Наприклад, зображення спочатку можуть бути величезними, з роздільною здатністю більше ніж 1500 × 1500 пікселів і вагою 3-6 Мб і більше. Частенько, при завантаженні такої картинки на блог, вона просто може спотворити відображення всієї статті, оскільки розтягнеться мало не на весь екран. І навіть якщо на блозі працюють скрипти, які автоматично утискають зображення за розміром до потрібного, її «вага» залишиться колишнім і при відкритті повного зображення, картинка може вантажиться кілька секунд, що неприйнятно! Наприклад, навіщо нам скріншот розміром 5 мб і шириною на весь екран, якщо він би відмінно виглядав з розміром 800 × 600, маючи при цьому вага десь 400кб?Так ось, є простий спосіб стиснути зображення без втрати якості і одночасно їх «вага» для вирішення вищеописаних проблем. Найпростіше – використовувати онлайн сервіси зі стиснення зображень, і про це я розповім вам в цій статті!Онлайн сервіси зі стиснення зображень ддя сайту дуже хороші тим, що не доводиться встановлювати на комп'ютер якісь додаткові програми, якими ви, ймовірно, не будете часто користуватися. А сам процес стиснення займе від сили хвилину, тому що не потрібно виставляти купу налаштувань!Сервісів, де можна стиснути без втрат зображення в онлайн є велика кількість і знайти їх дуже просто, вбивши в Google пошуковий запит виду: «онлайн стиснення зображень» або, наприклад «як стиснути зображення для сайту». Однак, не всі з них підходять за різними критеріями. Десь можна вибрати розмір кінцевого зображення, десь можна вручну вказати якість, а десь є можливість стискати зображення тільки окремо, в той час як іноді потрібно відразу штук по 10 хоча б …Я покажу вам стиснення зображення на прикладі 2-х сервісів, які, в общем-то, влаштовують мене.Перший з них – «ResizePicOnline» і, в принципі, я тільки їм і користуюся в 99.9% випадків 🙂 З нього і почнемо …
Стискаємо зображення за допомогою онлайн сервісу «ResizePicOnline»!
Працювати з даним сервісом простіше простого.Переходимо на сервіс за посиланням:У самому верху сторінки буде перший пункт – «Завантаження» і під ним область під назвою «Завантаження зображення». І в першу чергу нам потрібно вибрати з комп'ютера ті зображення, які необхідно стиснути. Зробити це можна 2 способами:Клікнувши по зазначеній галузі і вибравши потрібні картинки через провідник Windows:Простим перетягуванням потрібних зображень в зазначену область:
Зверніть увагу, що одночасно ви можете завантажити і обробляти тільки 10 зображень!Для прикладу я взяв 4 зображення, що мають вагу від 3-х до 6-и Мегабайт, із середнім роздільною здатністю 4000 × 3000 пікс. Якщо їх залишити в початковому розмірі і завантажити на будь-який ресурс, то при перегляді сторінок у багатьох ці зображення будуть завантажуватися занадто довго! Тому потрібно стиснути їх так, щоб вони мали вагу десь до 1 Мб.Отже, після того як ви перенесете зображення в поле для завантаження, вони почнуть довантажуватися на сервіс і це може зайняти кілька хвилин (в залежності від розміру цих зображень). Відразу ж як зображення почнуть завантажуватися, з'являться пункти 2 і 3 для подальших дій: вибір потрібних зображень і настройки для зменшення розміру:
Після того як зображення буде завантажено, ви побачите їх під пунктом №2 «Вибір» (див. Зображення вище).За замовчуванням всі зображення будуть відразу ж обрані (позначені галочками) і це означає, що всі наступні дії будуть проводитися відразу над всіма. Можна легко скасувати вибір одного або декількох зображень, клікнувши по ним лівою кнопкою миші:
Також можна видалити потрібні зображення, клацнувши на хрестик або вже видалити все відразу, клікнувши на посилання «Видалити все».Ну що ж, тепер залишилося тільки вказати розмір зображень (по ширині) і якість відповідними повзунками. Для завантаження на блог, наприклад, досить було б ширини зображення 800 пікселів. Висота при цьому підганяється автоматично. Якість рекомендую виставляти завжди «Найкращий» щоб не псувати саму картинку. При таких налаштуваннях картинка буде мати розмір, на якій буде все також добре видно як і до стиснення (в крайньому випадку, можна стиснути розмір зображення до 1000 пікселів) і при цьому вага з 3-6 Мб зменшиться до 300-700 кб, що дуже добре!Остання настройка «Формат» дозволяє поміняти формат зображення на PNG, JPG або ж залишити його без змін. Я зазвичай залишаю без змін, оскільки не бачу сенсу в зміні формату.Після того як всі налаштування зроблені, натискаємо внизу кнопку «Змінити розмір»:
Через кілька секунд, нижче, під пунктом №4 «Результат», з'являться вже стислі зображення без втрати якості, навпроти кожного з яких буде вказано кінцевий вага і розмір:
Залишилося завантажити їх на свій комп'ютер або по одному за допомогою посилань «Завантажити», навпроти кожного зображення, або завантажити всі відразу за допомогою посилання внизу «Завантажити все архівом ZIP». Якщо вам не зрозуміло що таке архів, а також ви не знаєте як їх розпакувати або відкрити, то рекомендую прочитати мою статтю:Ось такий ось простий сервіс зі стиснення зображень для сайту, яким я регулярно користуюся 🙂Розглянемо ще один, альтернативний сервіс зі стиснення зображень без втрати якості в онлайн – «OptimiZilla».
Приклад аналогічного зручного сервісу для стиснення зображень – «OptimiZilla».
Даний сервіс зі стиснення розмірів зображень простіше ніж вищеописаний «ResizePicOnline», але, на жаль, має менше можливостей налаштувань. Такі сервіси як цей, найчастіше зустрічаються в інтернет. Розглянемо як ним користуватися …Потрапити на сервіс можна за посиланням:Відкривши сторінку сайту, нижче натискаємо кнопку «Upload Files» для завантаження зображень і вибираємо потрібні для картинки стиснення з комп'ютера:Також можна просто перетягнути потрібні зображення в область на сайті «Drops Your Files Here».Після того як зображення будуть обрані, почнеться процес їх завантаження на сервіс:
Всі зображення будуть остаточно завантажені тоді, коли під кожним з них буде активна кнопка «Download». Дочекавшись завантаження хоча б одного зображення, можна приступати до настроювань. Даний сервіс дозволяє задати ступінь стиснення кожного зображення окремо. Для цього наводимо курсор миші на зображення, в результаті чого мініатюра зображення зміниться на значок налаштувань – «Settings»:
Кількома по зображенню і нижче з'явиться область з настройками, де будуть відображатися зображення до і після стиснення, а також повзунок, за допомогою якого можна зменшити / збільшити якість:
Зліва знаходиться оригінальне зображення (Original), а праворуч вже стиснуті відповідно до повзунком «Quality». Над обома зображеннями відображається їх розмір. За замовчуванням зображення вже будуть зменшені до того рівня, коли різниці в якості взагалі не помітно. Наприклад, в моєму прикладі (див. Зображення вище), якість кінцевого зображення – 70%, і при цьому вага зображення зменшився майже на 2.5 Мб, що дуже добре. Якщо порівняти картинки праворуч і ліворуч, то різниці в якості не видно і це навіть з урахуванням того, що зображення сильно збільшені! Тому, як правило, повзунок «Quality» можна взагалі не чіпати і залишити стиснення, яке виробляє сервіс за замовчуванням, а можна і трохи ще зменшити, відсотків на 5.Якщо ви змінили якість зображення, то не забудьте потім натиснути кнопку «Apply» під повзунком, щоб застосувати зміни:
Коли все зображення будуть налаштовані, то залишилося тільки завантажити стислі варіанти, натиснувши кнопку «Download All»:
Якщо вам досить ступеня стиснення зображень для сайту за замовчуванням, і ви уже нічого не будете налаштовувати, то можете натискати цю кнопку відразу ж після того як завантажте зображення зі свого комп'ютера на сервіс 🙂 Тобто, виходить, процес дуже швидкий!Натиснувши «Download All», почнеться скачування архіву зі стиснутим зображеннями. Архів матиме назву «optimizilla.zip».У підсумку ви отримаєте стислі зображення без втрати якості і вага (об'єм) їх буде пристойно зменшений!Такі зображення зручно завантажувати для статей на блозі, а також використовувати при необхідності на форумах і якихось інших сервісах. При перегляді сторінок сайтів, де будуть розміщені вже стислі зображення практично не буде помітна завантаження сторінок. Якщо ж зображення завантажувати прямо в початковому вигляді – незжатими, в максимальній якості, з об'ємом в 6 Мб, то багато користувачів просто закриють ваш сайт і все 🙂 Тому що завантаження сторінки буде відбуватися довше, а іноді дуже вже довго!Це все, що ж, я хотів би вам сьогодні розповісти. Якщо вам чимось не сподобалися 2 варіанти онлайн сервісів зі стиснення зображень, які я показав, то ви можете знайти і інші. Про це я уже писав на початку статті. Просто зайдіть в будь-який пошуковик і вбийте фразу, на кшталт: «стиснути зображення онлайн» або, наприклад, «стиснути зображення без втрати якості онлайн». В результаті залишиться тільки обрати відповідний вам варіант і швиденько стиснути свої зображення в онлайн!Удачі вам! Читайте наш блог 🙂 До зустрічі!Зроби репост – виграй ноутбук!Кожного 1 і 15 числа iBook.pro розігрує подарунки.
- Натисни на одну з кнопок соц. мереж
- Отримай персональний купон
- Виграй ноутбук LENOVO> Детально: ibook.pro/konkurs