Сегодня ни один сайт не обходится без графических изображений, создание сайтов подразумевает под собой не только программирование и верстку html-кода, но и создание привлекательного дизайна.
Форматы и особенности web-графики
Сегодня ни один сайт не обходится без графических изображений, создание сайтов подразумевает под собой не только программирование и верстку html-кода, но и создание привлекательного дизайна. Объясняется это очень просто: чтобы задержать посетителя на сайте или «приковать» его взгляд, нужно предложить броские и грамотно выполненные графические элементы оформления сайта. Логотипы и баннеры, навигационные кнопки и анимационные эффекты – все должно быть информативным. Поэтому подготовка изображения для создания сайта так же важно, как и грамотная верстка html.
Однако, рисунки для web должны быть не только привлекательными, но и компактными, чтобы обеспечить компромисс между эффектным оформлением и малым временем загрузки web-страницы. Это достигается за счет оптимизации, то есть подбора наиболее подходящего для конкретного изображения файлового формата, а так же количества цветов или степени компрессии. При создании сайтов наиболее часто применяются три основных формата изображений: JPEG, GIF и PNG.
Формат GIF поддерживает не более 256 цветов, использует палитру цветов и сжатие без потери информации по методу LZW, то есть GIF-файлы практически не сжимаются. Этот формат позволяет назначать одному из цветов в палитре атрибут «прозрачный», что применяется при создании так называемых прозрачных GIF-файлов, а так же может сохранять в одном файле несколько изображений, что используется разработчиками для изготовления анимированных картинок. Учитывая, что формат GIF поддерживает не более 256 цветов, то все изображения, которые сохраняются в нем, уменьшают количество цветов, чтобы уложиться в этот предел. Поэтому при преобразовании в этот формат изображения могут приобретать неестественный вид.
Более прогрессивным стандартом web-графики является формат PNG. Он так же, как и GIF позволят задавать прозрачные цвета, однако лишен ограничений по количеству отображаемых цветов.
Однако, все же наиболее часто в создании сайтов используется формат JPEG, который позволяет хранить полноцветные изображения с количеством цветов 16,7 млн, причем, если в рисунке меньше цветов, то перед сохранением файла он все равно преобразуется в полноцветное изображение. Этот формат использует сжатие с потерями информации, за счет чего достигается высокая степень сжатия файлов.