Як я оптимізує картинки для блогу

оптимізація картинок

Сьогодні мені захотілося розповісти вам про те, як я оптимізує картинки для свого блога. Під оптимізацією я маю на увазі - зменшення ваги всіх зображень, присутніх в статті. Кожен, хто має власний сайт, зобов`язаний піклуватися про оптимізації картинок і фотографій на ньому. Адже чим більше важить картинка на сайті, тим довше він вантажиться. А якщо у відвідувача повільний інтернет, то він може піти з вашого ресурсу, навіть не дочекавшись його завершення завантаження.

Відео: Як оптимізувати зображення для сайту




Зараз я покажу, як зменшити вагу картинки в PNG форматі. Це мій улюблений графічний формат. На своєму блозі я використовую його нарівні з JPEG (якщо не більше).
Отже, я роблю скріншот екрану або якийсь його частини за допомогою програми Snagit (Іноді доводиться робити це засобами Windows і вставляти зображення в Paint). Потім зберігаю зображення у форматі PNG.




На наступному кроці я запускаю Adobe Photoshop і в ньому відкриваю мою картинку. Тут можна змінити її розмір (в рядку меню тиснемо "Зображення" - "Розмір зображення") або зробити якісь інші дії.
Далі йдемо в "Файл" - "Зберегти для Web і пристроїв ...". Тут в настройках я вибираю формат - PNG-8, "Colors" (кольору) ставлю 128 (Рідше 256). Тиснемо "Зберегти".зберегти картинку для сайтуМи солідно зменшили вагу картинки на цьому етапі. Але мені хочеться стиснути її ще сильніше. Зображення можна "полегшити", якщо викинути з нього непотрібну нам службову інформацію. Для цього існує чудова програма PNGOUTWin, але вона платна. Тому я користуюся інтернет-сервісом PanyPNG.com.

Відео: Оптимізація зображень на сайті - Лайфхак для вебмайстрів, урок 1

Заходимо на сайт - тиснемо кнопку "Upload images"- вибираємо на своєму комп`ютері потрібний файл (можна і не один).punypngЧерез мить бачимо на скільки відсотків його вдалося зменшити. Зберігаємо вже зменшений файл до себе на комп`ютер, натиснувши кнопку "Download".сервіс punypngОсь і весь процес оптимізації. Тепер можна додавати зображення до статті. Все дуже просто і не займає багато часу. А чим швидше вантажиться сайт, тим краще і його автору, і відвідувачам.

Поділися в соціальних мережах:

Схожі
Висновок всіх картинок з папки на phpВисновок всіх картинок з папки на php
Конвертуємо pdf в jpgКонвертуємо pdf в jpg
Оптимізація зображень linuxОптимізація зображень linux
Що таке css спрайт?Що таке css спрайт?
Якісна галерея з підтримкою свайпов.Якісна галерея з підтримкою свайпов.
Як міняти картинку при наведенні курсору мишіЯк міняти картинку при наведенні курсору миші
Масштабування зображень в phpМасштабування зображень в php
Як розпізнати текст онлайн з картинки?Як розпізнати текст онлайн з картинки?
Кращі аналоги paint для linuxКращі аналоги paint для linux
Чи варто зберігати зображення в бдЧи варто зберігати зображення в бд
» » Як я оптимізує картинки для блогу