Оптимізація графіки дизайн студія ABCname в м. Харків

Як ми вже знаємо оптимізація графіки є одним з головним в дизайні сайта адже більшість випадок від нього залежить швидкість завантаження вашого сайту. Але теж не можна ним зловживати адже чим більше ви його сожмете тим більше вона впливає на якість картинки. Намагайтеся робити все в міру і задумано

Докладний опис про оптимізаціяграфіки

Перш ніж почати оптимізацію графіки, ви можете замінити деякі графічні частини на html таблиці. Використовуючи графічний фон, не забувайте про те, що файлом буде заповнена вся зазначена частину.

Крок 1оптимізація графіки, спробуйте його зменшити, інколи достатньо для цього зробити графіку 2х2 пікселі, а не 2х760. Створюючи растрові графічні елементи, заздалегідь намагайтеся застосовувати по можливості якомога менше кольорів.

Крок 2 оптимізаціяграфіки, якщо це буде gif, відповідно 2, 4, 8, 16, 32, 64, 128 і 256 кольорів. Для інтернет використовуйте варіант стиснення - WebSnap adaptive і не забувайте про чорно-білому варіанті графіки, вона займає дуже малі обсяги.

Крок 3 оптимізація графіки, більшість "старих вебмайстрів" настільки звикли до gif, що геть забувають про існування png. Думаю, що дарма, тому що на даний момент він відкривається всіма стандартними браузерами, і, використовуючи його, найчастіше можна стиснути графіку там, де,як здається, gif уже зробив усе можливе ...

Крок 4 оптимізація графіки, на самом деле, для того, щоб домогтися максимально можливого стиснення графіки, потрібно одночасно використовувати всі три формату - gif, png і jpg. Gif для растравой графіки, jpg для фото, а png, по можливості, для всього.

Ще одна корисна інформація для вашого сайту

На даний момент в Web використовується два типи растрових файлів: у форматах JPEG та GIF.

JPEG-формат добре передає колірні і тоновим раскаты, розмиті кордону (наприклад, фото). JPEG-файл добре масштабується у броузері. Погано передає рівні площині кольору, в компресії уступає GIF-формату. При збереженні у JPEG-форматі вибирайте доачество "medium".

GIF-формат добре передет рівні площини кольори, жорсткі кордону (наприклад, векторну графіку, логотипи). Має максимальну компресію, допускає прозорий фон. Погано масштабується у броузері, спотворює колірні і тонові раскаты.

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

ПідбивРайт мінімальна кількість квітів вручну (для якісної передачі одноколірні зображення на одноколірна тлі досить 5-8 квітів, двох-триколірна зображення - 15-25 квітів) Якщо вихідне зображення Grayscale, перед індексацією переведіть його в RGB-гаму.

Правильно підібране поєднання форматів і їх оптимізація дозволяє істотно знизити "вага" інтернет сторінок і зробити Ваш ресурс більш зручним для використання, а значить більш відвідуваним

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