Телефон: +7 (495) 649-0526

Особенности web картинок (графики)

Картинка к странице

Следующая статья:

Содержание

Оформление web страничек

Оформление web страничек предполагает необходимость размещения очень вероятного объема инфы на сравнимо маленьком пространстве. Вы обязаны исходить из того, что средний пользователь работает в Интернет с разрешением экрана менее 800 x 600. Область, которая отображается в окне браузера при таком разрешении экрана, составляет приблизительно 790 x 430 пикселов. Чтоб представить величину этой области, вспомните, что значки на десктопе Windows имеют размер 32 x 32 пиксела.

Подготавливая графику для web странички, нужно держать в голове о маленьких размерах области, с которой вы обязаны работать. Изображение не должно превосходить 700 пикселов по ширине и 400 пикселов по высоте. Но файл даже таковой рисунки возможно окажется очень огромным для передачи по каналам связи сети. Следует также держать в голове и о том, что часть пользователей могут созидать на собственных мониторах только 256 цветов. Потому

24-битная графика, способная обеспечить 16.7 миллиона цветов цвета, не сумеет быть оценена некой частью зрителей. При всем этом пользователи не только лишь не сумеют узреть на собственных мониторах всей заложенной вами цветовой палитры, но, не считая того, изображение возможно окажется худшего свойства, чем в случае использования 8-битной графики, отображающей 256 цветов. К тому же файл окажется втрое больше по размеру, потому что, напомним, его размер пропорционален глубине цвета, и, соответственно, будет добиваться большего времени для загрузки на экран.

Корректировка цветовой палитры

Внедрение корректной цветовой палитры принципиально при разработке хоть какого графического проекта. Для графики web страничек нужно использовать цвета модели RGB. Потому что для web страничек устройством вывода графики является экран монитора, то тут, обычно, соблюдается условие WYSIWIG - What You See Is What You Get (Что видишь, то и получаешь). Говоря «как правило», мы имеем в виду маленькие личные отличия мониторов пользователей.

На вопрос «Каков должен быть размер графического файла?», созданного для Web, тяжело ответить совершенно точно. Давайте попробуем представить для себя, что пользователь, обращающийся к вашему web сайту, имеет модем с пропускной способностью 14.4 Кбит/сек, хотя подобные модемы и числятся устаревшими. При использовании такового модема передача блока данных объемом 1 кб занимает приблизительно 1 секунду, так что при объеме графики в 30 кб для ее передачи по сети будет нужно примерно 30 секунд. После таких расчетов появляется последующий вопрос: как длительно гость, обратившийся к вашему web сайту, готов ожидать возникновения на дисплее загружаемого изображения? Если вы можете ответить на этот вопрос, то сразу обусловьте и наибольший размер файла с графическим изображением. Считается, что файл обязан иметь таковой размер, при котором время его загрузки по сети не превосходит одной минутки, что выражается в ограничении размера величиной приблизительно 60 кб.

Видео: «Водяной попрыгун»

Люди не птицы, но при помощи воды летают как птицы, а также могут плавать и зависать в воздухе.

Водяной попрыгун
Интересное в интернете: Индивидуальный подход к клиентам лазерная эпиляция выгодные условия сотрудничества.

Статья: Особенности web картинок (графики)

Раздел: Верстка HTML / CSS

Сайт: SD Company » Все разделы статей

Последнее изменение: 2011.12.23 в 19:58

Теги: web графика, особенности графики, html, css

Следующая статья:

Как провести эффективное собрание
Как провести эффективное собрание
Чтобы собрания, посвященные анализу состояния дел, были эффективными, их следует проводить регулярно
Как оптимизировать и сохранять картинки (графику)
Как оптимизировать и сохранять картинки (графику)
Описание, как лучше всего оптимизировать графические изображения для ускорения процесса загрузки в Интернет
Свойства информации
Свойства информации
Описание основных свойств, которые отличают потоки информационных данных на сегодняшний день
Устройства ввода информации
Устройства ввода информации
Описание всевозможных устройств ввода информации, начиная от манипуляторов мышки до pointing stick
Аспекты информации
Аспекты информации
Описание основных, конструктивных аспектов подачи информации в современных технологиях
Ответственность фрилансера
Ответственность фрилансера
Описание взаимодействий и ответственности между заказчиком и фрилансером при выполнении проектов