школа по созданию сайтов


Разрешение изображений

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

формат GIF образец VS формат PNG образец формат PNG образец

Например, стандартная качественная цифровая фотография занимает от 1,5 мб до 60 мб места на информационном носителе. В сети интернет при низкой скорости соединения такое фото обычно может передаваться и выводиться на страничке от нескольких секунд до нескольких минут! Понятно, что это долго и крайне неудобно, а в случае если на Вашем сайте присутствует много графики, то этот вариант недопустим. Следовательно, мы должны уметь приводить изображение и любую графику к требуемому наименьшему размеру, который позволяет показывать это изображение без заметных визуальных искажений. Для этого, в частности, нам нужно узнать, что такое пикселизация.

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

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

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

- spi (samples per inch) – оптическое, первоначальное разрешение сканированного изображения, обозначающее количество взятых сканером точечных проб на дюйм площади, то есть число просмотров сканером изображения для его записи в виде графического файла;

- dpi (dots per inch) – количество точек на один дюйм. dpi – аббревиатура широко известна и используется как термин довольно часто, но имеет отношение только к точкам, которые создаются устройством вывода, т.е. это минимально воспроизводимый принтером на материальной поверхности размер точки из множества (массива) которых выстраивается изображение;

- ppi (points/pixels per inch)- количество пикселей на один дюйм. Пиксель – это также логический графический элемент, и, следовательно, он поддаётся анализу, обработке и изменению. Именно от этого элемента компьютерной графики и зависит разрешение изображений.




по созданию сайтов


© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.