Немного о графике в веб-сайтах
Многие заходя на сайт видят хорошую или не очень графику. А задумывались ли вы что это за графика такая и из чего она состоит? Есть не мало видов различных форматов графических файлов, который тем не менее можно разбить на две категории: векторная и растровая графика.
Что же такое векторная графика, если коротко. Это массив чисел описывающий построение картинки в виде вершин-ключевых точек и кривых. К таким изображениям относятся форматы .ai, .max, .pdf, .swf, .cdr.
Растровая же графика это изображение в виде пикселей. Благодаря этому качество картинки ограничено лишь содержанием этих самых пикселей. К этому виду относят форматы .gif, .tiff, .png, .bmp, .psd, .jpg и не только.
Мы с вами рассмотрим два вида растровой графики .jpeg и .gif,и один вид векторной .swf. Так как это самые используемые и популярные виды с которыми работают веб-дизайнеры. Использование этих форматов обусловлено тем, что всегда в Интернет востребован лёгкий вес страниц сайта.
Формат .gif используется исключительно для картинок маленьких размеров. В этом формате сжатие происходит за счёт алгоритма, который задаёт цветовую палитру от 2 до 256 цветов. При этом все близкие оттенки заменяются соседними цветами. Основное достоинство этого формата в том, что он не хранит информацию не о каждом пикселе отдельно, а сколько одинакового цвета пикселей стоит в ряд. Что очень сильно облегчает вес файла.
Формат .jpeg же наоборот используют для фотографий и картинок большого размера, в которых в добавок ко всему присутствуют сложные детали. Здесь сжатие происходит за счёт уменьшения так называемого веса изображения, при этом, естественно, ухудшая качество. В результате чего изображение как бы размывается. Переусердствовать в этом деле не стоит, поэтому оптимальным вариантом считается сжатие в 65 процентов.
Не много о том как правильно расставить картинки на странице. Место изображения на странице отображается его названием. Поэтому оно должно чётко быть связанным с тем файлом к которому вы его прикрепляете. К примеру если это статья, то изображение должно находится в соответствующей папке. При этом названием служит id статьи, что и связывает их.
Прикрепить изображение к разделу можно с помощью добавления слова перед id изображения. К примеру foto.jpeg. Для того чтобы поставить несколько изображений к одному разделу необходимо после id ставить расширение. Для маленьких картинок это s, для больших b. Если изображения одного размера то вводят порядковые номера: foto-1.jpeg, foto-2.jpeg и т.д..
В качестве подсказки: для изменения размера изображения в основном пользуются такими программами как Adobe Photoshop и Adobe ImageReady. Для изменений в растровой графике используют Corel Draw.
В последнее время стало очень популярным использование Macromedia Flash для векторной графики. Так как благодаря формату Flash можно создавать относительно сложные и в тоже время красочные изображения при относительно малом весе файла. Что благотворно отображается на общем весе страницы и сайта в целом.
Отзывы
Комментариев пока нет.