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

Сьогодні мені захотілося розповісти вам про те, як я оптимізує картинки для свого блога. Під оптимізацією я маю на увазі - зменшення ваги всіх зображень, присутніх в статті. Кожен, хто має власний сайт, зобов`язаний піклуватися про оптимізації картинок і фотографій на ньому. Адже чим більше важить картинка на сайті, тим довше він вантажиться. А якщо у відвідувача повільний інтернет, то він може піти з вашого ресурсу, навіть не дочекавшись його завершення завантаження.
Відео: Як оптимізувати зображення для сайту
Зараз я покажу, як зменшити вагу картинки в PNG форматі. Це мій улюблений графічний формат. На своєму блозі я використовую його нарівні з JPEG (якщо не більше).
Отже, я роблю скріншот екрану або якийсь його частини за допомогою програми Snagit (Іноді доводиться робити це засобами Windows і вставляти зображення в Paint). Потім зберігаю зображення у форматі PNG.
На наступному кроці я запускаю Adobe Photoshop і в ньому відкриваю мою картинку. Тут можна змінити її розмір (в рядку меню тиснемо "Зображення" - "Розмір зображення") або зробити якісь інші дії.
Далі йдемо в "Файл" - "Зберегти для Web і пристроїв ...". Тут в настройках я вибираю формат - PNG-8, "Colors" (кольору) ставлю 128 (Рідше 256). Тиснемо "Зберегти".
Ми солідно зменшили вагу картинки на цьому етапі. Але мені хочеться стиснути її ще сильніше. Зображення можна "полегшити", якщо викинути з нього непотрібну нам службову інформацію. Для цього існує чудова програма PNGOUTWin, але вона платна. Тому я користуюся інтернет-сервісом PanyPNG.com.
Відео: Оптимізація зображень на сайті - Лайфхак для вебмайстрів, урок 1
Заходимо на сайт - тиснемо кнопку "Upload images"- вибираємо на своєму комп`ютері потрібний файл (можна і не один).
Через мить бачимо на скільки відсотків його вдалося зменшити. Зберігаємо вже зменшений файл до себе на комп`ютер, натиснувши кнопку "Download".
Ось і весь процес оптимізації. Тепер можна додавати зображення до статті. Все дуже просто і не займає багато часу. А чим швидше вантажиться сайт, тим краще і його автору, і відвідувачам.
Кращі аналоги paint для linux
Як заборонити відвідувачу зберігати картинки
Як міняти картинку при наведенні курсору миші
Як розпізнати текст онлайн з картинки?
Як зробити фон картинкою
Що таке css спрайт?
Чому не відображається картинка на сайті?
Як змінити формат відразу декількох фотографій
Масштабування зображень в php
Якісна галерея з підтримкою свайпов.
Завантаження зображень з файлу в php
Чи варто зберігати зображення в бд
Збільшення тільки однієї картинки при кліці
Посилання та зображення в html
Png в ie6
Множинні фони в css3.
Велика збірка картинок для шпалер дозволом 540 × 960 на робочий стіл для мобільних телефонів:
Пропоную вашій увазі просто величезну особисто нами відібрану колекцію картинок для шпалер на…
Оптимізація зображень linux
Висновок всіх картинок з папки на php
Малюнки в paint.
Висновок всіх картинок з папки на php
Конвертуємо pdf в jpg
Оптимізація зображень linux
Що таке css спрайт?
Якісна галерея з підтримкою свайпов.
Як міняти картинку при наведенні курсору миші
Масштабування зображень в php
Як розпізнати текст онлайн з картинки?
Кращі аналоги paint для linux
Чи варто зберігати зображення в бд