Изображения и графика – это основной источник информации помимо текста. Причем гораздо легче показать картину "Monalisa людям и по достоинству оценить ее красоту, чем описывать ее при помощи большого количества прилагательных!
Таким образом, мы все понимаем, почему образы важны не только в Интернете, но и в нашей повседневной жизни. В этой статье мы рассмотрим некоторые основы веб-изображений.

Теперь, изображения и графику, сделанные на компьютере, можно подразделить на две группы, CMYK и RGB в зависимости от цветовой информации, которую они в себе несут. Изображения и графика могут также быть разделены на две категории — векторные и растровые — в зависимости от того, как информация хранится.

CMYK

CMYK — голубой, пурпурный, желтый и черный (K), изображения используются в печатных СМИ, таких как журналы, газеты и т.д. Печатные машины используют чернила из этих четырех цветов. Другие цвета получаются путем смешивания четырех основных цветов в соответствующих пропорциях.

RGB

RGB берет свое название от красного, зеленого и синего цветов. RGB изображения предназначены для отображения на экранах дисплеев, таких как компьютерные мониторы, телевизоры, ЖК-мониторы и т.д. Эти устройства используют 3 основных цвета, а все другие цвета получают путем смешения красного, зеленого и синего.

Так как темой обсуждения является веб-графика, то мы будем говорить только об изображениях RGB.

Форматы RGB изображений

RGB изображения могут быть сохранены в различных форматах. Общие форматы RGB изображений — это TIFF (Tagged Image File Format) и BMP (Bitmap).Большинство редакторов изображений и инструментов управления имеют свои собственные форматы, такие как. PSD (Adobe Photoshop),. PSP или. PSPIMAGE (PaintShop Pro) и т.д.
В сети интернет есть и другие файлы RGB формата, такие как. GIF, JPG и. PNG. Эти форматы используют алгоритмы сжатия (JPG алгоритм сжатия и Gif алгоритм сжатия), что позволяет уменьшать размер файла. Изображения, таким образом, сжимаются. Зачем? Меньшие изображения грузятся намного быстрее.

Важные моменты, о которых стоит помнить.
Выбирайте формат изображений правильно. Как правило, фотографии должны быть сохранены как JPG, а логотипы и другие изображения в формате GIF.
Убедитесь, что размер файла (число байт) минимальный.
Изображения должны быть оптимизированы по размеру. Это означает, что физические размеры изображения должны быть наиболее подходящими. Все программы для редактирования изображений поставляются с инструментом Crop, с помощью которого можно удалить ненужные или мешающие части изображения.
Большинство из нас работает на мониторах, которые имеют разрешение 72 точки на дюйм (точек на дюйм), следовательно, было бы неразумно использовать изображения с разрешением выше этого значения.

Что такое пиксели?

Пиксели — это строительные блоки изображений. Каждый пиксель имеет только один цвет. На картинке приведем изображение круга, увеличенное во много раз. Вы заметите, что круг на самом деле сделан из отдельных квадратов. Эти квадраты называются пикселями.
При просмотре изображения в его оригинальном размере, вы не увидите пиксели – перед вами будет гладкий круг . Причина, по которой невозможно увидеть отдельные пиксели, это их малые размеры. Они настолько малы, что человеческий глаз не в состоянии увидеть их по отдельности. Обратите внимание, как различные оттенки серого на увеличенном изображении, они расположены рядом друг с другом для создания гладких контуров круга.

Изображения векторной и растровой графики

Форматы файлов, такие как. BMP,. JPG,. GIF,. TIFF и т.п — всё растровые форматы изображений, которые несут информацию о цвете каждого пикселя в изображении. Это делает растровые изображения довольно большими по размерам, даже при использовании алгоритмов сжатия. Векторные изображения хранят информацию в виде математических уравнений. Круг или квадрат будет представлен формулой. Благодаря этому векторные изображения относительно меньше по размеру.