Що таке оптимізація зображення?

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

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

Щоб при оптимізації зображень досягти найкращих результатів, потрібно:

• зменшити розмір і вага зображень. Практично всі графічні редактори (Adobe Photoshop та інші) мають функцію для подібної оптимізації зображень, яка називається Save for the web. За даними нижче посиланнями можна подивитися, як нею скористатися. Також існують онлайн-сервіси для оптимізації зображень. Наприклад: tools.dynamicdrive.com (англ.) - онлайн-оптимізатор зображень для форматів gif, jpg, png (також, за необхідності, конвертує з одного формату в інший). Ось великий перелік інструментів для оптимізації зображень - jpegclub.org (англ.);

• правильно вибрати формат зображень. У сучасному web-дизайні використовуються три формату оптимізованої піксельної графіки - JPEG, GIF і PNG. Який з них використовувати? Критерій досить простий - в якому форматі файл займе менший розмір при найменших візуальних спотвореннях, в той і слід конвертувати. Для повнокольорових і фотозображень слід застосовувати JPEG, а для простих, особливо з великими площами однотонних заливок краще використовувати GIF. Формат PNG краще ніж GIF справляється з оптимізацією зображень великих і середніх розмірів.

Не варто забувати забувати і про оптимізацію зображень під пошукові системи (SEO-оптимізація). Тут потрібно дотримуватися наступних правил:

• правильно прописати назва файлу зображення. Назва повинна описувати те, що представлено на зображенні. Як роздільник між словами можна використовувати дефіс. Приклад: seo-optimizacija-kartinok.jpg;
• правильно прописати alt-атрибут. Аlt-атрибут як би пояснює те, що зображено на картинці. У попередньому прикладі використовувалася запис seo-optimizacija-kartinok.jpg. Хорошим alt-атрибутом такого зображення може бути «Як оптимізувати зображення» або «SEO-оптимізація картинок;
• правильно прописати title-атрибут. В даний атрибут слід помістити описовий текст. Назва зображення також відображається при наведенні на нього курсора миші. Даний атрибут використовується не стільки в цілях SEO-оптимізації, скільки заради естетики;
• правильно прописати caption text (заголовок). Даний атрибут також може принести кілька очок. Іноді буває корисно розмістити під зображенням його назва (опис). Подібний текст підкаже Google, що це зображення дійсно підходить під видачу на певний запит.

Джерела та додаткова інформація:

• webserg.com - як оптимізувати зображення за допомогою Photoshop;
• web-profy.com - оптимізація зображень під пошукові системи;
• jpegclub.org - великий перелік інструментів для оптимізації зображень і не тільки (англійською мовою).