1. Як визначити обсяг зображення і його формат і розмір
2. Як зменшити зображення, при цьому зберігши його якість

Картинки для сайту виявляється не так просто підготувати, як здається. Мало того, що вони повинні бути унікальними, тобто не повторюються більше на просторі інтернет. Але ще повинні бути легкими і правильно оформленими.

Давайте по порядку. Кожне графічне зображення має ряд технічних вимог. Найважливіші - формат, обсяг, розмір і якість зображення.

Почнемо з формату зображень

Графічні зображення збережуться в різних форматах - jpg, png, gif, ai, eps, cdr, bmp, tiff, psd ... Для нас з Вами, з першого погляду, різниця не буде помітна. А ось для браузера вона дуже важлива. Справа в тому, що багато розширення просто браузерами не читаються. І якщо Ви їх будете використовувати, то ваші читачі їх просто не побачать.

1. Растовие стислі - підходять для сайта.Ето формати - JPG / JPEG, GIF, PNG.
   JPG / JPEG - найпопулярніший і легкий по вазі формат картинок. Він найчастіше використовується. Добре передає цвет.PNG - більш важкий по вазі, але з більш якісною передачею кольору. Крім того можливе використання прозорого фону. Що дуже зручно для створення будь-яких цікавих колажів.

   GIF - найлегший формат з низькою передачею кольору і низькою якістю. Але можливе використання простий анімації.

2. Растовие стиснені - не підходять для сайтаФормати - BMP, TIFF / TIF, PSD.
   Дуже важкі, тому не використовуються в веб контенті. Вони популярні для друку, сканування та дизайну.
3. Векторні формати - не використовуються для сайтаФормати - EPS, AI, CDR. Дуже якісні розширення з використанням дрібних деталей. Але браузерами не читаються. І дуже важкі. Використовуються в поліграфії та анімації. Це професійні розширення зображень.

Розмір зображення

Кожне зображення має висоту і ширину, що вимірюється в px. Існує стандартна ширина екрану монітора - 985 px. Звичайно зараз монітори дуже різні за розміром, тому рекомендується обрізати великі зображення до 600 рх. Для титульної картинки блогу треба вибрати свій, певний розмір. Так як Ваш блог повинен витримувати свій стиль.

обсяг зображення

Обсяг, або ще кажуть - вага або маса картинки, вимірюється в байтах. Чим більше вага, тим довше завантажується сторінка блогу, що дуже негативно позначається на його просуванні. Тому зображення треба певним чином готувати.

Як визначити обсяг зображення і його формат і розмір

Я думаю, що все це знають, але про всяк випадок повторюся. Заходьте в провідник свого комп'ютера, знаходите шукане зображення, підводите до нього курсор і у спливаючому вікні бачите розширення картинки і його розміри і обсяг.

Другий спосіб - підведіть курсор до зображення і клацніть правою кнопкою миші. У спливаючому вікні виберіть опцію - властивості.

Як зменшити зображення, при цьому зберігши його якість

Я вже писала про ресурс RIOT . Тепер я користуюся іншим, більш простим і мобільним ресурсом, який називається. Дуже просто і зручний. Завантажуєте до 40 зображень одночасно, зменшуєте розмір і завантажуєте вже готову легку картинку.

Зверніть увагу - закачана картинка вагою 64к, а отриманий вага менш 25к. Для того, що б не загубилося якість надані два. поруч розташованих зображення. Рухаючи бігунок, можна побачити зміни на правому зображенні. Підбираємо то якість, яке нас влаштовує, зберігаємо картинку і завантажуємо її на свій комп'ютер.

У наступній статті продовжуємо роботу з картинками для сайту. Обговоримо плагіни і ресурси з безкоштовними зображеннями, використовуючи які ми не порушимо чужі авторські права.

Всього найкращого!