Раньше веб-сайту нужен был только хороший контент, чтобы быть передовым. Теперь любой достойный сайт будет использовать богатые мультимедиа для привлечения и удержания посетителей. Вы можете использовать два основных мультимедийных решения: Macromedia Flash или формат структурированной векторной графики, также известный как SVG.
Технология обоих этих форматов не нова. Это графический формат под названием Vector. Разница между обычной веб-графикой (например, раздражающими анимированными GIF-файлами) и векторной графикой заключается в том, как создается окончательная графика. Растровая графика GIF и JPEG — каждое изображение создается попиксельно. С другой стороны, векторная графика использует математику для построения графики. Программа строит точки A, B и C, заполняет цветом созданное пространство и вуаля! У вас есть треугольник. Как правило, векторная графика имеет гораздо меньший размер файла, чем традиционная графика GIF и JPEG, что сделало такие векторные программы, как Flash, очень популярными — более 380 миллионов человек уже загрузили плагин Flash.
Flash является доминирующей программой векторной графики в Интернете. Миллионы пользователей получают доступ к тысячам сайтов, работающих на Flash каждый день. В отличие от HTML, который по своей природе является статическим языком, Flash является динамическим и разработан специально для привлечения пользователей. Если этого было недостаточно, каждый Flash-фильм, как правило, очень маленький, что позволяет работать с CD-ROM по медленным коммутируемым соединениям с Интернетом. Успех Flash можно увидеть по мере развития индустрии онлайн-рекламы, поскольку Flash-реклама начинает заменять раздражающие мигающие анимированные GIF-изображения. Результатом является более богатое, более привлекательное и креативное рекламное решение. Примеры Flash-рекламы можно увидеть на популярных сайтах, таких как weather.com, SciFi.com и News.com.
Тем не менее, Flash не единственный формат векторной графики на рынке. Существует также SVG, формат структурированной векторной графики: отформатированный в формате XML графический формат со сценариями. SVG не распространяет повсеместное присутствие Flash в Интернете. Его сильные стороны исходят от его сторонников и покровителей: Adobe и группы World Wide Web Consortium или W3C. Adobe — это мощный магазин, в котором рынок программ для иллюстрации и управления графикой находится в тесной связи. W3C возглавляет человек, который в одиночку создал World Wide Web, Тим Бернерс-Ли, и который установил такие стандарты, как HTML, каскадные таблицы стилей и XML. SVG является сильным претендентом на корону векторной графики. Примеры сайтов, использующих SVG, включают DBx Geomatics.
Но что лучше? SWF или SVG?
Процесс создания
Скорость, с которой стандарты приходят и уходят в сети, поразительна. Кто-нибудь помнит веб-каналы? Это пришло и прошло в течение 6 месяцев назад в 97 году. Это длилось недолго, потому что инструменты, необходимые для создания веб-каналов, еще не созданы. Пользователи должны были кодировать каналы вручную, что означало, что большинство пользователей не могли получить доступ к технологии. Очевидно, что для работы новой концепции пользователям необходимо предоставить инструменты, которые позволят им легко получить доступ ко всем возможностям технологии.
Macromedia следовала этой философии с Flash. Начнем с того, что они встроили Flash во многие свои продукты. Flash — единственный продукт, который полностью раскрывает все функциональные возможности, которые включают не только графику и анимацию, но и доступ к мощному скриптовому движку во Flash, называемому ActionScript. В дополнение к Flash есть Freehand и Fireworks, две веб-ориентированные графические программы, которые изначально экспортируют изображения в формате Flash. Кроме того, Dreamweaver от Macromedia также производит пользовательские Flash-текст и кнопки для веб-сайтов.
Это здорово, но не всем нравится работать с продуктами только одной компании. Чтобы позволить другим компаниям поддерживать формат файла Flash, Macromedia предоставила исходный код, необходимый для создания фильма Flash. Успех этого шага был огромен. Теперь все основные графические инструменты, включая Adobe Illustrator и Corel Draw, изначально экспортируются в формат Flash.
Стороннее программное обеспечение, которое экспортирует во флэш-фильмы, также начало появляться. Более 50 различных программ теперь создают файлы с поддержкой Flash. Это включает в себя продукты, которые создают анимированный текст, 3D Flash-сайты и улучшенную анимацию, как показано на рисунке А.
Для сравнения, SVG — все еще новый претендент. SVG основан на XML, расширяемом языке разметки, что означает, что он может быть очень легко написан на скриптах. Следующий код SVG для прямоугольника.
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="500" height="500">
<rect x="111" y="78" width="187" height="160"
style="fill:rgb(192,192,255);stroke:rgb(0,0,128);stroke-width:1"/>
</svg>На первый взгляд это может показаться сложным, но для разработчика XML код имеет совершенный, простой смысл. Повинуясь нескольким правилам, указанным в файле svg10.dtd, любой рисунок SVG может быть создан с использованием только скромного Блокнота.
В основе XML лежит формат файлов SVG, более открытый для программистов, и это здорово. Единственная проблема заключается в том, что большинство дизайнеров не программисты.
Тем не менее, программы, которые экспортируют файлы в формате файлов SVG, сейчас появляются. Самым популярным из них является Adobe Illustrator 10. Adobe сделала огромный выбор в пользу SVG (вы можете посетить их центр SVG здесь ), и многие из их продуктов уже поддерживают SVG. Помимо этого, существует около десятка дополнительных графических инструментов, которые экспортируются в SVG, таких как e-Picture 2.0 от Beatware, Corel Draw 10 и IsoDraw 5.0 от ITEDO.
Аудитория — Святой Грааль
Как SVG, так и Flash растут и развиваются как продукты. Оба они масштабируемы для небольших компьютерных устройств, таких как Palm Pilots, и достаточно надежны, чтобы быть частью веб-сайтов, которые получают миллионы посещений. Но должен быть практический результат, и все сводится к следующему: Flash Player предустановлен в большинстве операционных систем и доступен более чем 97% людей, использующих Интернет; последняя версия средства просмотра SVG от Adobe стала доступна только в начале ноября 2001 года и по-прежнему имеет ограниченный уровень проникновения. Кроме того, для просмотра файлов SVG требуется загрузить огромный плагин объемом 2,3 Мб (поскольку в настоящее время нет веб-браузеров, которые изначально поддерживают SVG). Это большой по сравнению с плагином 219 Кбайт для Flash.
Хотя SVG основан на успешном формате XML, в настоящее время он имеет очень ограниченную базу пользователей. Единственная причина создания веб-сайта заключается в том, чтобы позволить наибольшему количеству пользователей взаимодействовать с вашим контентом — если они не видят его, они не будут связываться с ним.
Хотя SVG действительно демонстрирует большие перспективы и вполне может быть интересной технологией, текущие ограничения на ее проникновение означают, что в обозримом будущем Flash останется самой популярной и жизнеспособной векторной программой.