Технология
Школа html-верстки для начинающих
Урок 9
Что такое пиксель?
Содержание урока
Что такое пиксель?
Что такое пиксель.mp4
Практикум
Что такое пиксель?
Многие уже знают, что такое пиксель. Данный термин встречается не только в построении сайтов, пиксели везде!
Пи́ксель, пи́ксел (иногда пэл, англ. pixel, pel — сокращение от piсture′s element, которое в свою очередь сокращается до pix element, в некоторых источниках piсture cell — букв. элемент изображений) или элиз (редко используемый русский вариант термина) — наименьший логический элемент двумерного цифрового изображения в растровой графике, или [физический] элемент матрицы дисплеев, формирующих изображение. Пиксель представляет собой неделимый объект прямоугольной или круглой формы, характеризуемый определённым цветом (применительно к плазменным панелям, газоплазменная ячейка может быть восьмиугольной). Растровое компьютерное изображение состоит из пикселей, расположенных по строкам и столбцам.
Также пикселем ошибочно называют элемент светочувствительной матрицы (сенсель — от sensor element).
Чем больше пикселей на единицу площади содержит изображение, тем более оно детально. Максимальная детализация растрового изображения задаётся при его создании и не может быть увеличена. Если увеличивается масштаб изображения, пиксели превращаются в крупные зёрна. Посредством интерполяции ступенчатость можно сгладить. Степень детализации при этом не возрастает, так как для обеспечения плавного перехода между исходными пикселями просто добавляются новые, значение которых вычисляется на основании значений соседних пикселей исходного изображения.
Каждый пиксель растрового изображения — объект, характеризуемый определённым цветом, яркостью и, возможно, прозрачностью. Один пиксель может хранить информацию только об одном цвете, который и ассоциируется с ним (в некоторых компьютерных системах цвет и пиксели представлены в виде двух раздельных объектов, например, в видеосистеме ZX Spectrum).
Пиксель — это также наименьшая единица растрового изображения, получаемого с помощью графических систем вывода информации (компьютерные мониторы, принтеры и т. д.). Разрешение такого устройства определяется горизонтальным и вертикальным размерами выводимого изображения в пикселях (например, режим VGA — 640 × 480 пикселей). Пиксели, отображаемые на цветных мониторах, состоят из триад (субпикселей красного, зелёного и синего цветов, расположенных рядом в определённой последовательности). Для ЭЛТ-монитора число триад на один пиксель не фиксировано и может составлять единицы или десятки; для ЖК-монитора (при правильной настройке ОС) на один пиксель приходится ровно одна триада, что исключает муар. Для видеопроекторов и печатающих устройств применяется наложение цветов, где каждая составляющая (RGB для проектора или CMYK для принтера) целиком заполняет данный пиксель.
Простыми словами, пиксель - это точка. Все что мы видим на нашем мониторе, это тысячи пикселей. Соответственно размер каждого элемента на сайте измеряется в пикселях (все картинки, ширина меню, размер кнопок и т.д.).
Картинка, изображенная ниже, имеет размер 323 пикселей в высоту и 323 в ширину. Значения равные, соответственно картинка квадратная.
Логотип сайта http://htmlboss.ru/beginner прямоугольный. Он имеет размер 28 пикселей в высоту и 246 пикселей в ширину.
Наглядные примеры:
Еще один плюс пикселей, возможность самим нарисовать фавиконку.
Фавикон – это небольшая иконка сайта, отображаемая перед названием страницы во вкладке браузера, закладках, в сниппетах результатов органической выдачи и объявлениях контекстной рекламы в некоторых поисковых системах.
Фавикон – на первый взгляд незначительный элемент сайта, но на самом деле помогающий решать важные задачи:
• улучшать вид сайта в выдаче поисковых систем.
• способствовать узнаваемости сайта, бренда.
• помогать пользователям ориентироваться в закладках и вкладках.
Как сделать фавикон
Традиционно в качестве иконки сайта используется изображение формата ICO размером 16 × 16 пикселей, размещенное в корневом каталоге как файл favicon.ico. Сейчас фавикон может иметь формат PNG, GIF, JPEG, SVG. Но так как поддержка может отсутствовать в каком-либо конкретном браузере или его версии, как правило, используют ICO. Размер, кроме стандартного, может быть 32 × 32, (не везде 60 × 60), 120 × 120.
Подобранное изображение должно:
• ассоциироваться с сайтом и/или тематикой. Часто фавиконку создают на основе логотипа, чтобы она работала на брендинг организации, или подбирают что-то, связанное с темой, чтобы подчеркнуть релевантность, визуализировать концепцию, вызвать эмоцию и т. д.;
• быть простым и понятным. Значок имеет скромные размеры и воспринимается при быстром просмотре, поэтому стоит избегать сложных форм, слишком мелких деталей, неоднозначных смыслов и пр.;
• по возможности быть оригинальным. В интернете можно найти базы готовых иконок, но если выбрать ту, которая используется многими, особенно конкурентами, можно потерять в узнаваемости.
Скачанное, сконвертированное или разработанное изображение размещается в корневой папке сайта. Затем в код head нужно добавить ссылку на фавикон вида <link rel="icon" href="http://путь до файла" type=" image/формат">.
Если используется файл формата ICO, то в type указывается image/x-icon или image/vnd.microsoft.icon.
Для браузера Internet Explorer используется особая ссылка, где вначале будет link rel="shortcut icon".
Следующая страница 
Что такое пиксель.mp4
