Читайте также:
|
рафические файлы Web отличаются от тех, что используются в классической полиграфии. Они всегда записываются в формате RGB и имеют гораздо меньший размер. Физические размеры таких файлов тоже невелики, потому как скорость передачи данных через Интернет накладывает серьезные ограничения на объем информации. Для пересылки файлов от сервера к клиенту требуется время. Понятно, что чем больше файл и чем меньше скорость подключения к Интернету клиента, тем больше времени требуется для передачи информации. Основной объем информации, как правило, «съедают» изображения (графические файлы). Почти все сталкивались с ситуацией, когда невозможно загрузить изображения на странице. Происходит это потому, что графических файлов очень много, но дизайнер не потрудился уменьшить их в размере, то есть оптимизировать. Основной вопрос, затрагиваемый в этой статье, — пути реализации Web-дизайнерами компромисса между размером файла и качеством его содержимого.
Существует два основных типа построения компьютерных графических данных: векторные файлы и растровые файлы.
Векторные фалы построены из форм, описываемых математическим языком. То есть такими понятиями, как точки размещения, ширина, высота, цвет заполнения. Примерами векторных программ являются Adobe Illustrator, Adobe Macromedia FreeHand, из свободных программ: Xara LX, Inkscape.
Растр — это совокупность объектов (пикселов), выровненных в столбцы и строки, другими словами, мозаичная структура. Растровый файл можно рассматривать как набор маленьких цветных или черно-белых квадратиков, где каждый квадратик выводится одним цветовым тоном. Высокое качество такого изображения обусловлено малым размером пикселей, при котором человеческий глаз не различает отдельные элементы (пиксели), которые сливаются друг с другом, образуя непрерывную смену тона.
Изображение в градациях серого отводит для одного пикселя один информационный байт, а для цветного — 3 информационных байта. Для нашего примера (правый фрагмент), где вся область состоит из 24 горизонтальных строк и каждая строка содержит 24 пикселя, размер изображения будет занимать 1728 байт (24х24х3=1728 байт или 1,69 Кбайт). Кроме цветовых значений пикселов графический файл содержит заголовочную информацию, указывающую тип файла, число строк и количество пикселей в строке, а также в каком графическом редакторе создан файл, в каком корректировался, на какой операционной системе, когда и во сколько.
Самая известная растровая программа Adobe Photoshop, среди бесплатных аналогов самым мощным на сегодняшний день является графический редактор GIMP.
Следует отметить, что исключая некоторые специальные случаи, можно утверждать, что в Web нельзя использовать векторные объекты. Мы рассмотрим три типа файлов, используемых Web-дизайнерами:
· GIF;
· PNG;
· JPEG.
Готовое изображение в GIMP оптимизируется при сохранении. Меню Файл ⟶ Сохранить как... или комбинацией клавиш Shift+Ctrl+S. В окне Сохранить изображение необходимо выбрать расширение файла или внести его в ручную в верхней строке. От расширения зависят последующие окна и настройки оптимизации.
Дата добавления: 2015-02-16; просмотров: 29 | Поможем написать вашу работу | Нарушение авторских прав |