что эффективней: srcset или .svg

205

28 мая 2018, 18:10

Есть набор изображений .jpg .png и одно .svg

что будет более эффективным:

<img src='./images/imgindex.png' srcset="./images/imgindex@2x.png 2x, ./images/{imgindex@3x.png 3x" alt='' width=33 height=33/>

или

<img src='./images/imgindex.svg' alt=' ' width=33 height=33/>

? ...ведь вектор будет сам масштабироваться без потери качества, но в том же размере и без доп. ресурсов.

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

Answer 1

Всё относительно!

Если ваш SVG состоит из тех же PNG, то без потери качества никак не обойдётся, поскольку SVG будет лишь внешне расширяем «без потери качества». Тогда это не выгодно.

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