Как использовать заполнитель Base64 SVG внутри тега изображения

Question

До сих пор я использовал метод, описанный ниже [1], для предварительной загрузки необходимого соотношения пустых окон SVG в моих лениво загруженных тегах img до того, как JavaScript перезаписывает их фактическим изображением. Это делается для того, чтобы страница не перекрашивалась и выглядела менее нервной. Это хорошо работает на простых тегах img без ошибок, как указано в следующей статье:

[https://css -tricks.com / вероятно-dont-base64-svg / # article-header-id-2] [1]

У меня проблема в том, что я делаю это внутри тега picture. Свойство srcset не похоже на base64, я получаю следующие ошибки:

Failed parsing 'srcset' attribute value since it has an unknown descriptor.
Dropped srcset candidate "data:image/svg+xml,%3Csvg"

1. Что здесь происходит?
2. Возможно ли использовать эту технику сpicture тег srcset атрибуты?
3. Есть ли способ добиться подобного эффекта с правильным синтаксисом?

Answer 1

srcset не разрешает этот синтаксис. Вместо этого используйте отдельные теги img