Нюансы использования изображений на сайте
Copyright © http://vin-web.ru
Графика на сайте имеет ряд особых характеристик, чем весьма отличается от обычной. Например, изображения с большим весом могут привести к медленной загрузке страницы, особенно при низкоскоростных интернет-соединениях.
Так же, в случае просмотра изображений на вашем сайте одновременно несколькими пользователями может произойти перегрузка сервера, поэтому при создании сайта нужно учесть и это. Опять же, важно не переборщить с GIF-анимацией, которая часто раздражает пользователей. Следует избегать уменьшения размеров изображений при помощи каскадных таблиц стилей, так как некоторые браузеры неадекватно реагируют на данное действие.
Изображения бывают различных форматов - векторными или растровыми. Изображения в векторной графике содержат информацию о том, как "перерисовывать" картинку с помощью элементарных фигур (таких как отрезки, линии и простые геометрические фигуры), из которых и состоят эти изображения. Важно отметить, что размер векторных рисунков может быть изменен в сторону увеличения без потери качества изображения, причем, они имеют мизерный вес в сравнении с растровыми.
В изображениях растровой графики содержится информация о количестве и положении точек, называемых пикселями. Каждое растровое изображение содержит фиксированное количество точек, поэтому при увеличении его размеров расстояние между пикселями тоже увеличивается, а качество ухудшается. Если вы размещаете на своем сайте растровое изображение, ни в коем случае его не растягивайте. Сжимать такие изображения тоже надо аккуратно, делается это с помощью графических редакторов, например таких как Adobe Photoshop.
Растровые изображения имеют две важные характеристики. Первая - это глубина цвета, которая говорит о количестве бит данных на один пиксель. Она влияет на количество цветов в изображении. Не стоит забывать, что чем больше цветов, тем естественнее выглядит картинка, но и весит при этом значительно больше.
Вторая характеристика - это размер изображения, о котором говорилось выше. При разработке сайтов лучше брать за основу векторную графику, преобразовывать ее в растровые изображения с прозрачным фоном и расширением GIF или PNG.