lightanddesign.ru
25 февраля 1993 года Марк Андреессен написал Я предлагаю новую необязательную HTML-метку: аргумент SRC = "URL" требуется для IMG. Метка указывает на файл растрового или пиксмап-изображения. Браузер запрашивает этот файл из Интернета, отображает его в виде изображения и вставляет в текст, который должен находиться в исходном коде страницы.
Допустим, вы планируете Corel Draw! Логотип компании и вы собираетесь опубликовать его на своем сайте, а формат HTML5 — это не мало. Поэтому размещайте изображение в формате .SVG, а не в растровом формате.
Зачем нужны изображения в SVG?
С развитием планшетов и других гаджетов можно легко увидеть полностью атрибутированное изображение, независимо от того, насколько оно детализировано.
По умолчанию, экспорт из Corel Draw! Формат SVG приведет к созданию изображения того же размера, что и рабочий лист, даже если выбран параметр "Только выбранные элементы". Таким образом, если рабочий лист имеет такую форму, изображение будет иметь формат A4. Вам нужно создать отдельный лист с таким количеством пикселей, сколько вам нужно, создать логотип именно такого размера, вывести его и экспортировать.
А теперь введите его на странице.
Как только ярлык помещается на страницу, волшебный результат — браузеры под управлением Android 4 и iPad увидят его, но на компьютерах с обычными браузерами ничего не появится. Firefox 13, IE 8, Opera 12, Chrome (редакция 24) — все они предлагают скачать и сохранить SVG-файл вместо того, чтобы отобразить его. Попробуйте другой способ внедрения SVG — показывает похожие результаты, но Opera говорит "Нет плагина". Проверьте это". Там написано. Третий способ внедрения SVG — использование меток, при этом снова отображается одно и то же изображение — все браузеры не отображают SVG. Согласно таблице совместимости, все браузеры, кроме IE8, должны отображать его правильно. Также напомните, пожалуйста, что планшеты Android и iPad iOS корректно отображают мою страницу.
Тип MIME.
Дело в том, что мой сервер (IBM Lotus Domino) не знает, как правильно вернуть MIME-тип SVG. Кроме того, я не могу правильно указать, какие файлы хранятся в базе данных файловых ресурсов! Я прикрепил изображение/SVG+XML строку к свойству ресурса. И святое дерьмо! — Все браузеры (кроме IE8) показывают все три варианта (IMG, Embedded, Object) и вставляют изображение. Теперь это меня устраивает, IE "костыль" в GIF. И снова я поражен тем, что на моем планшете он корректно отобразился без mime type.
Давайте рассмотрим логотип более подробно.
А теперь я увеличиваю масштаб своего логотипа, а точнее, сравниваю, как выглядит один и тот же файл, вставленный с тремя разными метками. Увеличьте масштаб страницы Firefox, и вы увидите, что контур варианта, представленного меткой IMG Blurs, снова становится четким.
Что касается защиты от несанкционированного копирования и воспроизведения?
Я не претендую на роль эксперта в этой области. Напротив, я хотел бы задать вопрос. Я не нашел ничьего мнения по этому вопросу. Формат SVG не имеет акварели или других защитных функций. Векторные файлы обычно используются в бизнесе как файлы Origin. Когда они делают брендбуки, дизайн-студии предоставляют им Vector, но везде используют Raster. А SVG — это фактически текстовый формат, или, скорее, формат XML. А когда они внедряются в программы для публикаций, их можно тиражировать без потери качества. Это следует учитывать, так как редактировать файлы гораздо легче, и вы можете не суметь впоследствии доказать, что являетесь законным владельцем авторских прав.
