Як я оптимізує картинки для блогу
Сьогодні мені захотілося розповісти вам про те, як я оптимізує картинки для свого блога. Під оптимізацією я маю на увазі - зменшення ваги всіх зображень, присутніх в статті. Кожен, хто має власний сайт, зобов`язаний піклуватися про оптимізації картинок і фотографій на ньому. Адже чим більше важить картинка на сайті, тим довше він вантажиться. А якщо у відвідувача повільний інтернет, то він може піти з вашого ресурсу, навіть не дочекавшись його завершення завантаження.
Відео: Як оптимізувати зображення для сайту
Зараз я покажу, як зменшити вагу картинки в 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.