# Glide:Data_URL

Use `glide:data_url` to output a manipulated image as a Data URL.

## Overview

The `{{ glide:data_url }}` tag works in a very similar way to the standard [Glide tag](/tags/glide.md), except it outputs the manipulated as a [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs).

## Example

You may pass any parameters you'd [normally pass to the Glide tag](/tags/glide.md#parameters), like `width`, `height` and `format`.

::tabs

::tab antlers
```antlers
{{ glide:data_url src="image.jpg" width="1280" height="800" format="webp" }}
```
::tab blade
```blade
{{
  Statamic::tag('glide:data_url')
    ->src('image.jpg')
    ->width(1280)
    ->height(800)
    ->format('webp')
}}
```
::

```output
data:image/webp;base64,R0lGODlhAgACAJEAALwWrOQqhOwqhP///yH5BAEAAAMALAAAAAACAAIAAAIDBBIFADs=
```
