Используете ли вы SVG? - Флейм

Тут некоторые верстальщики советуют  делать векторную графику на странице в формате svg...
Особенность заключается в том, что она не встраивается отдельным файлом, а пишется прямо в HTML код.
Браузер 8 IE уже немного в прошлом и поддержка достаточно хорошая, если что можно проверить через modernizer.js поддержку SVG.

Естественно если вам дают макет, там никакого SVG нету. Нарезать нужно в jpg/png/gif

Кроме того наконец то есть полностью заменить GIF и Flash анимацию. И даже HTML5 Canvas(если я не ошибаюсь это другая технология).

послушаю.

Была у меня верстка с svg, но там были отдельные файлы, нужны они были для качественного отображения на яблоках.

там никакого SVG нету

Можно из смарт объектов сохранить в SVG в последней версии Photoshop правда это не очень просто, но вполне реально.

Особенность заключается в том, что она не встраивается отдельным файлом, а пишется прямо в HTML код.

Крайне фиговая практика как по мне, утяжеляет страницу такое я бы использовал только если нужно анимировать SVG а так лучше подключать его как обычный файл предварительно пройдясь по нему svgo. Так же этот способ не все браузеры корректно воспроизводят, IE9 и Opera 12 по моему не очень поддерживают хорошо встраивание http://caniuse.com/#search=svg

Но вообще я бы не рискнул использовать больше 5 SVG на странице они очень требовательные к ресурсам если в них много линий (path) они способный просто повесить браузер на каком-нибудь iphone 4s или вообще с ошибкой его уронить 

Да как бы он сжимается, сервера в большинстве случаев отдают в формате gzip.

Иконки хорошо делать на нём.

Кстати для айфонов и прочих смартфонов и планшетов есть преимущество в виде "резиновости" изображения. Что если использовать svg скажем в этом случае для какой-то  заливки?

Шрифты?

Иконки хорошо делать на нём.

Еще раз говорю вы поимеете кучу проблем с производительностью на мобильных устройствах

Имхо, если svg маленькие (иконки на кнопки, например), то просто пожать их в base64 и прямиком в CSS указывать, в остальных случаях я против svg: жрут много. Уж лучше png-спрайты или тот же png в base64 (если меньше килобайта).

Шрифты?

Еще раз говорю вы поимеете кучу проблем с производительностью на мобильных устройствах

1.Не думаю, что жрёт он ресурсов больше Flash.
2.Не думаю, что смартфоны щас слабые.
3.Всё же считаю, что для смартфонов нужно делать отдельный сайт
4.В крайних случая можно проверять браузеры, платформу и многое другое и отдавать в этом случае например png/gif.

1.Не думаю, что жрёт он ресурсов больше Flash.
2.Не думаю, что смартфоны щас слабые.
3.Всё же считаю, что для смартфонов нужно делать отдельный сайт
4.В крайних случая можно проверять браузеры, платформу и многое другое и отдавать в этом случае например png/gif.

1. Много меньше, Flash жрет вообще о^Yенно.
2. Смартфоны бывают разные, более 50% используемых - до сих пор на втором андроиде.
3. Для смартфонов сейчас уже не сайты создают, а полноценные веб-приложения: переходишь по ссылке, а он тебе как отдельная программа открывается.
4. А гиф сейчас разве не платный? имхо, пнг рулил, рулит и рулить будет еще долго.

1.Не думаю, что жрёт он ресурсов больше Flash.

Ну так угадайте с 3х раз почему не используется Flash на мобильниках. Вы возьмите и протестируйте страницу из SVG состоящую только не на эмуляторе а на реальном устройстве будете удивлены сколько она грузится по времени и как греется телефон

3.Всё же считаю, что для смартфонов нужно делать отдельный сайт

ну бред же

4.В крайних случая можно проверять браузеры, платформу и многое другое и отдавать в этом случае например png/gif.

Ну и что вы будите отдавать тогда все через скрипт? даже если вы проверите платформу все равно в фоне svg будет грузиться

Смартфоны бывают разные, более 50% используемых - до сих пор на втором андроиде.

Да даже iphone 4, 4s, Ipad 2 падает со сложными иконками

ну бред же

Мобильная версия хабра например. Это по сути другой сайт. База данных возможно одна используется...

Ну и что вы будите отдавать тогда все через скрипт? даже если вы проверите платформу все равно в фоне svg будет грузиться

Это как это? Пока к DOM не подключено это всё тот же код JS например. Который исполняется только по запросу.

Мобильная версия хабра например. Это по сути другой сайт. База данных возможно одна используется...

Это бред так делать т.к. определить размер экрана/устройство сложно если оно нестандартное. Например в windows из приложения twitter открывает ссылку на 4/6 экрана с браузером, как определить какой сайт нужно отдать ему? Юзерагент ведь не отличается от десктопа а на 8'' хабр убого смотрится, его читать там не удобно в таком раскладе. Сделать правильное перенаправление нереально, т.к. число пользователей разных устройств огромно от windows 8 на планшетах до smart tv, как узнать какой им сайт подсовывать? На 4к smartv выдавать сайт для мобильного устройства? + вы для каждого сайта будите делать API во сколько раз это удорожит процесс разработки?

Да далеко ходить не надо за примерами, этот форум браузеру UC выдает pda версию вместо полноценного переключить не известно как если это вообще возможно, шанс что пользователь вернется на форум после посещения форума первый раз ровна 0.

Пока к DOM не подключено это всё тот же код JS например.

Посмотрите как Chrome работает с изображениями вы очень удивитесь, он все равно их загрузит но в последнюю очередь