Я про 3.php

вариант 2.php самый оптимальный

Вон скрин 3.php у меня браузер падает

вариант 2.php самый оптимальный

Я бы не согласился. И дело тут в покраске и размере. uk-svg позволяет использовать ratio и классы для покраски, что довольно удобно. Потому что не придётся высчитывать размеры для прямоугольных иконок и будут применятся классы родителя. Но как я писал, если кеша не будет, то это конец браузеру.

да крась как хош, размер в высоте и ширине

Я к тому что uk-svg дает все преимущества родного варианта

Атрибут добавляет высоту и ширину, атрибут ratio не существует в свг

Тобишь если я пишу на родите uk-text-primary иконка и спрайта без uk-svg покрасться? А если напишу размер widht=20 height=20 то прямоугольная иконка будет высотой 20px а шириной 40px?

Да но пишу то я ratio

А js делает это в ширину и высоту

<svg width="80" height="80"> <use xlink:href="icons.svg#500px"></use> </svg>

размеры через <svg width="80" height="80"> покраску иконок, как говорил ранее через currentColor

currentColor нету у классов uk-text-primary.

В иконке прописываешь вместо #000

В иконке прописываешь вместо #000

Надо будет написать phing такс для создания спрайтов =)

лучше через галп или вебпак

Я не ставлю не то ни другое, а phing у меня есть всегда

все твои иконки весят 1,8 МиБ

а у меня с использованием svgo весят 1,3 МиБ

Я сравнил код svg внутри они одинаковый.

код JS будет еще в браузере отрабатывать, а тут из коробки

Какой js код? Я сделаю точную копию твоего images.svg на php Это всего лишь domelement

ну блин, Игорь, я не понимаю смысла твоего спора. Очевидно же что есть приимущество нативной технологии перед реализацией на JS а ты заморочки устроил

Какой реализацией на js ты вообще о чем. Я говорю лишь о том чтобы сделать спайрт на через webpack или gulp которые мне не нужны, а через phing

экономия 500 кб — существенная штука

Ибо это fa icons которые уже оптимизированы.

Более ты взял те иконки по которым уже прошелся мой phing

ну да, но при этом я 500 кб оптимизнул в них )))

Если не выйдет сделать через phing я просто поставлю svgo глобально и запушу с терминала.

через bash 😀

Ну по сути да.

и об этом я и говорил в своё время

вебпак оптимизирует сам код

Запусти те же модули через bash

ну я не разбирался запускается ли он так

Сколько там строк?

тот же babel вообще можно без gulp или webpack прямо в phpstorm запустить.

И что?

И что?

Если не выйдет сделать через phing я просто поставлю svgo глобально и запушу с терминала.

Ни кто не спорит. Но... 1. Нужно установить svgo 2. Нужно залезть в доку и смотреть как его запустить А так я стащил с репы, запустил установить npm install и команду со script из package.json и не трачу кучу времени

npm install -g svgo svgo -f ../path/to/folder/with/svg/files -o ../path/to/folder/with/svg/output

Ни кто не спорит. Но... 1. Нужно установить svgo 2. Нужно залезть в доку и смотреть как его запустить А так я стащил с репы, запустил установить npm install и команду со script из package.json и не трачу кучу времени