Skip to content

Картинки #3

@SilentImp

Description

@SilentImp

Cейчас изображение

<img src="https://daveceddia.com/images/hooks-intro.jpg" srcset="https://daveceddia.com/images/hooks-intro@2x.jpg 2x" alt="React Hooks: a guided tour" />

на выходе превращается в

<picture>
  <source
    type="image/webp"
    srcset="https://daveceddia.com/images/hooks-intro@2x.jpg 2x" />

  <source
    type="image/webp"
    srcset="https://daveceddia.com/images/hooks-intro@2x.webp" />

<img decoding="async"
    src="https://daveceddia.com/images/hooks-intro@2x.jpg 2x"
    srcset="https://daveceddia.com/images/hooks-intro@2x.jpg 2x"
    alt="React Hooks: a guided tour" />
</picture>

Надо разобраться почему в src то что должно быть в srcset и откуда вот эта бесполезная запись:

  <source
    type="image/webp"
    srcset="https://daveceddia.com/images/hooks-intro@2x.jpg 2x" />

Смотреть плагины downloadImages и createMarkdown.

Ещё picture не обрабатываются вовсе
Надо добавить как минимум webp альтернативы

AC:

  • из img cоздается корректный picture
  • picture предобразовываются соответствующим образом

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions