Векторные иконки в дизайне сайта

1.03K
.
Что думает web_demon по поводу кодирования изображения алгоритмом MIME base64
.
AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.
.
brainhub
# Jahak (15.11.2014 / 13:24)
AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.
На слабых мобилах может подтормаживать анимация, а так очень даже отличное решение тк можно нарисовать в векторном редакторе
.
# lazyproger (15.11.2014 / 13:51)
можно нарисовать в векторном редакторе
и что? простые иконки png, gif можно нарисовать в фотошопе.
.
brainhub
# Jahak (15.11.2014 / 14:00)
и что? простые иконки png, gif можно нарисовать в фотошопе.
svg векторный формат и при огромном ppi будет так же круто смотреться
.
lazyproger
brainhub
# Jahak (15.11.2014 / 14:00)
и что? простые иконки png, gif можно нарисовать в фотошопе.
А так же этот формат хорошо работает с js и можно делать невероятные, а главное интерактивные иконки. Хотя чаще наблюдаю canvas в продакшене
.
╭∩╮ (`-`) ╭∩╮
# Jahak (15.11.2014 / 13:24)
AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.
Хороший вариант, это тоже векторные иконки.
Если где-то отдельно нужно применить, самое оно.
Но когда делаешь кучу иконок для интерфейса, то лучше все же на шрифтах, там грузится всего 1 файл.
З.Ы.
Кстати, на SVG тоже спрайты делают, можно совместить и векторный формат и спрайтовую технологию.
.
brainhub
# Tor (16.11.2014 / 06:36)
Так же еще интересный момент. Как поведут себя данные примочки при низкой скорости интернета (модемы никто не отменял да и скорость мобильного интернета часто не превышает скорость раненой черепахи).К
Юзал как то на продакшене https://icomoon.io ну так вот, что бы заработало, нужно подгрузить 1 файл от 40 до 180кб в зависимости от браузера + css для нужных иконок.
Итог, сейчас даже 2g позволяет загружать столь малый объем данных
.
The Fast, Secure and Professional - Yii2
Такое дело.
Есть сайт, на котором используются шрифтовые иконки. Но как известно Opera Mini не поддерживает шрифты. Что бы не перевёрстывать весь сайт, думаю подключить спрайтовые иконки, у которых классы будут такими-же как и у шрифтовых.
Существуют ли какие нибудь готовые спрайтов с css или же проще самому написать генератор спрайтов и css из шрифта?
.
The Fast, Secure and Professional - Yii2
# AlkatraZ (15.11.2014 / 22:06)
Кстати, на SVG тоже спрайты делают, можно совместить и векторный формат и спрайтовую технологию.
А можно совместить спрайты с шрифтами?
Всего: 31