Как составить регулярное выражение для картинок с заменой?

Question

[Александр Виноградов]

Исходник

<p><img src="/media/blog/JPG/3.jpg" srcset="/media/blog/3.webp" alt="гардеробная"><img src="/media/blog/JPG/4.jpg" srcset="/media/blog/4.webp" alt="гардеробная"></p>

Надо получить

<p>
<picture>
<source srcset="/media/blog/3.webp" type="image/webp">
<img src="/media/blog/JPG/3.jpg" alt="гардеробная">
</picture>
<picture>
<source srcset="/media/blog/4.webp" type="image/webp">
<img src="/media/blog/JPG/4.jpg" alt="гардеробная">
</picture>

Есть исходный набор картинок в HTML тег img с атрибутом srcset.
Надо найти каждую картинку и обложить тегом , а в source положить значение srcset.
Поиск и замену буду делать в notepad++
Сделал такой код, но он не так работает.

Поиск
(<img [^>]*)(srcset=".*")>
Замена на
<picture><source \2 type="image/webp">\1></picture>

Answer 1

[dodo512]

https://regex101.com/r/VLaYAp/1
(<img [^>]*)(srcset="[^"]*")([^>]*>)

<picture>\n<source \2 type="image/webp">\n\1\3\n</picture>\n

Comments

[Александр Виноградов]

Здорово!
Благодарю!
Подскажите, как убрать лишний пробел перед alt=?
Что-то совсем не понимаю регулярку.
Пробовал добавлять [^\s] в разных вариантах и местах, не получилось.

[dodo512]

Александр Виноградов, нужно добавить \s*

(<img [^>]*)(srcset="[^"]*")\s*([^>]*>)

[Александр Виноградов]

dodo512, благодарю!