uploadcare-user

<picture>
    <source media="(max-width: 600px)"
            srcset="cropped_art_direction_300.jpg 300w,
                    cropped_art_direction_600.jpg 600w"
            sizes="300px">
    <img src="art_direction.jpg" alt="An example of art direction"
         srcset="art_direction_600.jpg 600w,
                 art_direction_1200 1200w"
         sizes="600px">
</picture>

uploadcare-user

<picture>
    <source type="image/webp"
            srcset="example-300.webp 300w,
                    example-600.webp 600w"
            sizes="300px">

    <img src="example.jpg" 
         srcset="example-300.jpg 300w,
                 example-600.jpg 600w"
         sizes="300px">

uploadcare-user

<img src="https//ucarecdn.com/:uuid/-/format/jpeg/">

uploadcare-user

<img src="https//ucarecdn.com/:uuid/-/format/auto/">

uploadcare-user

<img src="https://ucarecdn.com/:uuid/-/format/auto/"
     srcset="https://ucarecdn.com/:uuid/-/format/auto/-/resize/300x/ 300w,
             https://ucarecdn.com/:uuid/-/format/auto/-/resize/600x/ 600w"
     sizes="300px">

uploadcare-user

ffmpeg -i input.gif output.mp4

uploadcare-user

<video width=”384” height=”216” autoplay loop muted webkit-playsinline playsinline>
    <source src=”https://ucarecdn.com/:uuid/gif2video/-/format/mp4/road.gif”
            type=”video/mp4”>
</video>

uploadcare-user

<video width=”384” height=”216” autoplay loop muted webkit-playsinline playsinline>
    <source src=”https://ucarecdn.com/:uuid/gif2video/-/format/webm/road.gif”
            type=”video/webm”>
    <source src=”https://ucarecdn.com/:uuid/gif2video/-/format/mp4/road.gif”
            type=”video/mp4”>
</video>