Плохо ли использовать svg в качестве фонового изображения для размера файла веб-сайта?

Мне нужно сохранить несколько изображений для проекта веб-сайта на работе. Эти изображения будут охватывать весь фон сайта с помощью background-cover. Сначала я подумал, что svg будет правильным выбором, но не смог добиться приемлемого размера файла. Оказалось, что jpg или png сейчас лучше, потому что я могу сжать их намного меньше.

На работе мне говорят, что я должен использовать svg для этого проекта, но из проведенного мной исследования я не вижу способа сжать его до разумного размера. Мне не хватает какой-то техники, чтобы заставить SVG масштабироваться намного меньше?

файл svg заархивирован?
Я не уверен, что вы имеете в виду. Я сохранил изображение в формате svg из Illustrator, а затем использовал другой сервис для дальнейшего сжатия, потому что я читал, что Illustrator плохо справляется со сжатием файлов этого типа.

Ответы (1)

Вам нужно проверить совместимость на разных целевых устройствах, в основном на мобильных, чтобы увидеть, работает ли ваш фон.

В соответствии с этим: http://caniuse.com/#feat=svg-css Теперь безопасно использовать его встроенный.

Если изображение представляет собой плоский дизайн, я бы использовал png. Я бы не использовал svg для фона, только для диаграмм. Я не думаю, что фон должен быть «таким» масштабируемым. Но это только я.

Размер файла svg зависит от того, сколько у вас узлов, градиентов, внутреннего инкрустированного материала, чрезмерного кода. Поэтому трудно понять, о чем изображение.

Это не очень хорошо решает вопрос о размере файла.
О... Размер файла... Верно.