Почему SVG широко не используется и не поддерживается в Интернете?

На мой взгляд, растровая графика (GIF, PNG) используется в Интернете гораздо чаще, чем векторная графика. Мне интересно, почему? Не будет ли векторная графика более подходящей для дизайна веб-страниц (например, дизайн кнопок, настраиваемые границы и т. д.)?

Один ответ, который я нашел, заключается в том, что браузеры поддерживают PNG и GIF более широко, чем, например, SVG. Но опять же возникает вопрос — почему браузеры лучше поддерживают растровую графику? Каковы причины этого?

В настоящее время векторная графика обычно не рассматривается при разработке веб-сайта. Смотрите этот вопрос .

Итак, мой вопрос: почему растровая графика используется больше и лучше поддерживается даже в тех случаях, когда векторная графика кажется более подходящей?

Возможно, это связано и с «традицией». По мере расширения поддержки svg все больше дизайнеров используют векторное программное обеспечение для создания веб-графики. Так было не всегда, некоторые дизайнеры используют Photoshop, который просто не может экспортировать в svg.
Векторную графику нужно перерисовывать клиенту, и как раз в эти годы клиент достаточно быстр, чтобы рендерить изображение в реальном времени. Растровыми изображениями стало быстрее управлять. Дизайнерам нужно время, чтобы перенять новшества...

Ответы (2)

SVG — единственный векторный формат (на самом деле это XML-код ), поддерживаемый браузерами. Хотя он существует уже некоторое время, он является относительно новым с точки зрения поддержки браузеров . Как и всем более новым технологиям (HTML5, CSS3), им требуется время, чтобы стать массовыми.

Многим дизайнерам, вероятно, еще предстоит использовать SVG, так как в настоящее время вам все равно придется создавать резервный PNG для поддержки этих старых браузеров.

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

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

Незначительная проблема с векторами заключается в том, что они вычисляются во время рендеринга. В большинстве случаев это не проблема, но чем выше сложность, тем больше время отрисовки. В сочетании с портативным устройством масштабирования, где повторный рендеринг может происходить часто, время складывается, и вы чувствуете задержку ввода. Растр «запекает» время рендеринга, поэтому во время рендеринга вы не получите скачков времени. Это больше технический вопрос, который обычно оптимизируется программистами конкретной ОС или программного обеспечения (насколько это возможно).