# Add poster and preview images to video uploads

[View original](https://ittybit.com/guides/add-poster-preview-images)

## Workflow

```json
[
  {
    "kind": "conditions",
    "conditions": [
      {
        "prop": "kind",
        "value": "video"
      }
    ],
    "next": [
      {
        "kind": "image",
        "ref": "poster",
        "width": 1280,
        "format": "jpeg"
      },
      {
        "kind": "image",
        "ref": "preview",
        "width": 320,
        "format": "jpeg"
      }
    ]
  }
]
```

***

## Create Task

<Tabs groupId="language" items={["typescript", "python", "ruby", "php", "go", "fetch" ]} persist>
  <Tab value="typescript">
    ```ts
    const task = await ittybit.tasks.create({
      url: "https://ittyb.it/sample.mp4",
      kind: "workflow",
      workflow: [
        {
          kind: "conditions",
          conditions: [
            {
              prop: "kind",
              value: "video"
            }
          ],
          next: [
            {
              kind: "image",
              ref: "poster",
              width: 1280,
              format: "jpeg"
            },
            {
              kind: "image",
              ref: "preview",
              width: 320,
              format: "jpeg"
            }
          ]
        }
      ]
    })
    ```
  </Tab>

  <Tab value="python">
    ```python
    task = ittybit.tasks.create({
      url="https://ittyb.it/sample.mp4",
      kind="workflow",
      workflow=[
        {
          kind="conditions",
          conditions: [
            {
              prop: "kind",
              value: "video"
            }
          ],
          next: [
            {
              kind: "image",
              ref: "poster",
              width: 1280,
              format: "jpeg"
            },
            {
              kind: "image",
              ref: "preview",
              width: 320,
              format: "jpeg"
            }
          ]
        }
      ]
    })
    ```
  </Tab>

  <Tab value="ruby">
    ```ruby
    task = ittybit.tasks.create({
      url: "https://ittyb.it/sample.mp4",
      kind: "workflow",
      workflow: [
        {
          kind: "conditions",
          conditions: [
            {
              prop: "kind",
              value: "video"
            }
          ],
          next: [
            {
              kind: "image",
              ref: "poster",
              width: 1280,
              format: "jpeg"
            },
            {
              kind: "image",
              ref: "preview",
              width: 320,
              format: "jpeg"
            }
          ]
        }
      ]
    })
    ```
  </Tab>

  <Tab value="php">
    ```php
    $task = $ittybit->tasks->create([
        'url' => "https://ittyb.it/sample.mp4",
        'kind' => "workflow",
        'workflow' => [
            'kind' => "conditions",
            'conditions' => [
              {
                'prop' => "kind",
                'value' => "video"
              }
            ],
            'next' => [
              {
                'kind' => "image",
                'ref' => "poster",  
                'width' => 1280,
                'format' => "jpeg"
              },
              {
                'kind' => "image",
                'ref' => "preview",
                'width' => 320,
                'format' => "jpeg"
              }
            ]
        ]
    ]);
    ```
  </Tab>

  <Tab value="go">
    ```go
    task, err := ittybit.Tasks.Create(
        context.TODO(),
        &ittybit.TaskCreateParams{
            Kind: "workflow",
            URL: "https://ittyb.it/sample.mp4",
            Workflow: []ittybit.Task{
                {
                    Kind: "conditions",
                    Conditions: []ittybit.Condition{
                        {
                            Prop: "kind",
                            Value: "video"
                        }
                    },
                    Next: []ittybit.Task{
                        {
                            Kind: "image",
                            Ref: "poster",
                            Width: 1280,
                            Format: "jpeg"
                        },
                        {
                            Kind: "image",
                            Ref: "preview",
                            Width: 320,
                            Format: "jpeg"
                        }
                    }
                }
            }
        },
    )
    ```
  </Tab>

  <Tab value="fetch">
    ```js
    const task = await fetch('https://api.ittybit.com/tasks', {
      method: 'POST',
      headers: { 'Authorization': `Bearer ${ITTYBIT_API_KEY}` },
      body: JSON.stringify({ 
        url: "https://ittyb.it/sample.mp4",
        kind: "workflow",
        workflow: [
          {
            kind: "conditions",
            conditions: [
              {
                prop: "kind",
                value: "video"
              }
            ],
            next: [
              {
                kind: "image",
                ref: "poster",
                width: 1280,
                format: "jpeg"
              },
              {
                kind: "image",
                ref: "preview",
                width: 320,
                format: "jpeg"
              }
            ]
          } 
        ]
      })
    })
    ```
  </Tab>
</Tabs>