который быстрее загружать? SVG как изображение или SVG-код

Question

У меня длинная веб-страница, которая показывает множество типографских дизайнов. Будет ли быстрее просто загрузить их в изображения или использовать код SVG?

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

Что еще нужно учитывать при выборе между этими двумя?

Answer 1

Лучше использовать элемент SVG для отображения типографики c, если ваш дизайн не сложный.

1. Качество элемента SVG не зависит от разрешения вашего экрана. Выглядит довольно четко на любом устройстве, тогда как в изображении его резкость зависит от его размера.
2. , поскольку простые файлы SVG определяются цветами, слоями, градиентами, эффектами и масками, которые он содержит, размер кода SVG невелик по сравнению с размером изображения, которое определяется количеством пикселей, из которых оно состоит.
3. Код SVG загружается быстрее, поскольку нет необходимости в HTTP-запросе для загрузки в файл изображения. Время, необходимое для кода SVG, составляет только время рендеринга.
4. Могут быть многочисленные возможности редактирования и анимации кода SVG, как вы сказали.
5. Скажите, если вы используете один и тот же дизайн на всем сайте, но в разных цветов и разных размеров, вы можете использовать один код SVG и соответственно изменять его параметры. Вам не нужно создавать несколько его копий, как в случае с изображением.

Однако это сложно отображать дизайн в коде SVG, если ваш дизайн имеет сложные детали. В настоящее время нет другого выбора, кроме go для изображения.