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

Jahak

7 ноя 2014 г., 16:50

Что думает web_demon по поводу кодирования изображения алгоритмом MIME base64

Jahak

15 ноя 2014 г., 13:24

AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.

lazyproger

15 ноя 2014 г., 13:51

brainhub

# Jahak (15.11.2014 / 13:24)
AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.

На слабых мобилах может подтормаживать анимация, а так очень даже отличное решение тк можно нарисовать в векторном редакторе

Jahak

15 ноя 2014 г., 14:00

# lazyproger (15.11.2014 / 13:51)
можно нарисовать в векторном редакторе

и что? простые иконки png, gif можно нарисовать в фотошопе.

lazyproger

15 ноя 2014 г., 15:06

brainhub

# Jahak (15.11.2014 / 14:00)
и что? простые иконки png, gif можно нарисовать в фотошопе.

svg векторный формат и при огромном ppi будет так же круто смотреться

lazyproger

15 ноя 2014 г., 15:07

Изменено

brainhub

# Jahak (15.11.2014 / 14:00)
и что? простые иконки png, gif можно нарисовать в фотошопе.

А так же этот формат хорошо работает с js и можно делать невероятные, а главное интерактивные иконки. Хотя чаще наблюдаю canvas в продакшене

AlkatraZ

15 ноя 2014 г., 22:06

╭∩╮ (`-`) ╭∩╮

# Jahak (15.11.2014 / 13:24)
AlkatraZ, А что можешь сказать про SVG формат? На западе его активно практикуют да и достоинств http://ru.m.wikipedia.org/wiki/SVG больше.

Хороший вариант, это тоже векторные иконки.
Если где-то отдельно нужно применить, самое оно.
Но когда делаешь кучу иконок для интерфейса, то лучше все же на шрифтах, там грузится всего 1 файл.
З.Ы.
Кстати, на SVG тоже спрайты делают, можно совместить и векторный формат и спрайтовую технологию.

lazyproger

16 ноя 2014 г., 18:34

brainhub

# Tor (16.11.2014 / 06:36)
Так же еще интересный момент. Как поведут себя данные примочки при низкой скорости интернета (модемы никто не отменял да и скорость мобильного интернета часто не превышает скорость раненой черепахи).К

Юзал как то на продакшене https://icomoon.io ну так вот, что бы заработало, нужно подгрузить 1 файл от 40 до 180кб в зависимости от браузера + css для нужных иконок.
Итог, сейчас даже 2g позволяет загружать столь малый объем данных

Rakovskiy

11 дек 2014 г., 0:19

The Fast, Secure and Professional - Yii2

Такое дело.
Есть сайт, на котором используются шрифтовые иконки. Но как известно Opera Mini не поддерживает шрифты. Что бы не перевёрстывать весь сайт, думаю подключить спрайтовые иконки, у которых классы будут такими-же как и у шрифтовых.
Существуют ли какие нибудь готовые спрайтов с css или же проще самому написать генератор спрайтов и css из шрифта?

Rakovskiy

11 дек 2014 г., 0:22

The Fast, Secure and Professional - Yii2

# AlkatraZ (15.11.2014 / 22:06)
Кстати, на SVG тоже спрайты делают, можно совместить и векторный формат и спрайтовую технологию.

А можно совместить спрайты с шрифтами?