Блиц-опрос

Ваше мнение очень важно для автора сайта! Оцените дизайн и контент сайта:

Круто - 50%
Нормалёк - 18.8%
И так сойдет - 18.8%
Полный отстой - 12.5%

Проголосовали: 16
Голосование для этого опроса закончилось on: 31 Дек 2017 - 00:00

Графические форматы

1

графический формат jpegЛюбому веб-мастеру приходится выбирать между качеством и объемом изображений, картинок, фотографий для сайта. Поэтому я счел необходимым дать некоторые пояснения. Все нижесказанное и показанное относится только к растровым форматам. Буквально два слова о типах форматов. Графические форматы бывают растровыми и векторными. В растровых форматах изображение строится из пикселей (точек), каждый из которых описывается координатами и цветом. В векторных форматах изображение представляет собой совокупность отрезков кривых линий, которые описываются математическими выражениями, и цветных заливок. Я никогда не имел дела с векторными форматами, потому что не работал с графическим редактором  CorelDraw и ему подобными. Не было нужды.

На сегодня самыми популярными растровыми форматами, пригодными для работы в интернете являются GIF, JPEG, PSD, PNG, BMP. Кстати, любопытно, что очень популярный формат GIF был создан не так уж и давно – в 1987 г. Через три года появится русскоязычный интернет (доменное имя.su было зарегистрировано в 1990). В 1994 г. будет зарегистрирован  домен.ru. А самый старый графический формат TGA появился  в 1984 г. Вот такая любопытная хронология.

В общем, начинающему веб-мастеру нужно иметь хоть какое-то представление о форматах (а лучше – достаточно глубокое). Это полезно для оптимизации объема сайта на сервере хостера, для сканирования графически изображений, документов, для пересылки сканов и других графических файлов по электронной почте или другим каналом Интернета, для оптимизации времени загрузки страниц сайта, etc.

Отдельно хочу выделить формат PSD (Photoshop Document). Это формат, созданный специально для графического пакета Adobe Photoshop. Формат PSD позволяет сохранять в файле слои и стили слоев, прозрачность, сжимает изображение без потери качества. Достоинства формата позволяют многократно редактировать графические файлы, не потеряв промежуточные результаты работы. Но достоинства формата выливаются в слишком большой объем файлов с расширением PSD.

Веб-мастера, работая с движком Joomla, любят шаблоны с файлами PSD. Наличие такого файла очень упрощает подгонку шаблона для своего сайта. Ниже я подготовил несколько простеньких примеров. Картинки, созданные в редакторе PhotoShop и сохраненные в разных форматах. Кстати, вот и ответ на вопрос – как поменять формат графического файла – в любом графическом редакторе. Примеры позволяют оценить качество графического изображения и объем файлов разных форматов.

Итак, картинки размером 300×122 пикселей:


Файл с расширением .gif – объем 7,61 Кб (несомненно — чемпион по компактности)

Файл с расширением.jpeg – объем 23,3 Кб

 Файл с расширением.png – объем 28,6 Кб

 

 Файл с расширением.bmp – объем 107.5 Кб

Такие же файлы с расширением  .tga весят 31,3 Кб, с расширением.tiff – весят 153,0 Кб.  Файл с расширением .psd – аж 405,0 Кб (чемпион по объему). Оно и понятно, файл содержит три картинки-слоя, первый слой — прямоугольник с заливкой, второй — ослиная мордашка, третий — текст).

Обратите внимание на качество изображения ослиной мордочки и прорисовку букв. Какие графические форматы выбрать для оформлении своего сайта – решать вам. Но я надеюсь, что данная статья окажется для вас полезной и позволит сделать правильный выбор.

Следует иметь в ввиду, что из общепринятых графических форматов только два поддерживают прозрачный фон — .gif и .png.



Добавить комментарий

Защитный код
Обновить

Поделитесь с друзьями!

Поиск по сайту