SVG для Front End разработчика , как работать с svg

[dion_86]

Здравствуйте.
Интересный и полезный формат изображений. Не изменяющий качество при растяжении.
Возможно ли сделать так чтоб svg весил меньше png и jpg ?
Как правильно его подключать - знаю вариант <object> как самый оптимальный и <img>.
Но как сделать так чтоб его отображал IE 7 и 8 в том числе и Android ?
Как сделать это кроссбраузерно, мультибраузерно и чтоб загружалось быстро ?

[Serafim]

1) svg по-дефолту весит меньше png или jpg
2) с помощью тега img
3) Андроид поддерживает svg
4) ИЕ7 и ИЕ8 не являются браузерами, на которые стоит рассчитывать: http://top.mail.ru/browsers?id=250&ago=1&s...nt=0>ype=line 0.07 и 1.5 процентов соотвественно.

[dion_86]

Вот пытался сохранить эту PNG в AdobeIllustrator как SVG

Весит 46,9 Kb в формате png, а стало весить в формате SVG 63,9 Kb .
Как уменьшить размер ?
Или такие картинки в SVG лучше не сохранять ?

Сообщение отредактировано: dion_86 - 08.05.15, 09:34

[DIS]

SVG это формат векторного изображения, со всеми вытекающими.

Цитата dion_86 @ 08.05.15, 09:17

Или такие картинки в SVG лучше не сохранять ?

[Serafim]

Цитата dion_86 @ 08.05.15, 09:17

Или такие картинки в SVG лучше не сохранять ?

естественно - это чистый растр

Добавлено 08.05.15, 22:39
В svg можно сохранять только те картинки, которые ты можешь представить в виде алгоритма: "Провести линию из точки А в точку Б". Для остального он просто не подходит.

Сообщение отредактировано: Serafim - 08.05.15, 22:39

[dion_86]

Может все таки есть способ заставить IE 7 и 8 работать c SVG ?
Ото было бы замечательно.

Да, и конечно с Праздником Вас "Великой Победы".

[Serafim]

Если и есть, то я таких вариантов не знаю

[dion_86]

Можно ли это подключать через frame ?
Я пытался это сделать но не смог выставить высоту на 100% и не срабатывают стили. По-моему нужно дописывать отдельно под frame - или как-то иначе.

Пытался использовать loadHTML

  <script type="text/javascript">
    document.getElementById('content').innerHTML = loadHTML("products.html");
  </script>

или это тоже не правильно ?
Есть какие-то еще предложения как это можно сделать не на сервере ?

Сообщение отредактировано: dion_86 - 10.05.15, 11:00