Title: Generate WpGraphql Image DataUrl
Author: dipankarmaikap
Published: <strong>1. Februar 2022</strong>
Last modified: 1. Februar 2022

---

Plugins suchen

![](https://ps.w.org/generate-wpgraphql-image-dataurl/assets/banner-772x250.png?
rev=2670411)

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

![](https://ps.w.org/generate-wpgraphql-image-dataurl/assets/icon-256x256.png?rev
=2670411)

# Generate WpGraphql Image DataUrl

 Von [dipankarmaikap](https://profiles.wordpress.org/dipankarmaikap/)

[Herunterladen](https://downloads.wordpress.org/plugin/generate-wpgraphql-image-dataurl.1.0.2.zip)

 * [Details](https://de.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#developers)

 [Support](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## Beschreibung

This plugin Generates DataUrl of MediaItem in WPGraphQL.

This is an extension to the awsome WPGraphQL plugin (https://github.com/wp-graphql/
wp-graphql) that Generate DataUrl of MediaItems.

If you are working with Headless WordPress and NextJS you can notice that NextJS
don’t offer BlurUp image like GatsbyJS by default. You have to pass a base64 dataUrl
in to make it work.
 Or you will see a blank space until the image loads. This plugin
adds a dataUrl on each media item so you can use it as a placeholder until the image
fully loads and NextJS will also create the fade/BlurUp Effect like in GatsbyJS.

**Returning DataUrl for:**

 * MediaItem

## Installation

 1. Install & activate [WPGraphQL](https://www.wpgraphql.com/)
 2. Upload the plugin to the `/wp-content/plugins/` directory
 3. [See GitHub Repo for example queries](https://github.com/dipankarmaikap/wp-graphql-image-dataurl)

## Rezensionen

Für dieses Plugin gibt es keine Rezensionen.

## Mitwirkende und Entwickler

„Generate WpGraphql Image DataUrl“ ist Open-Source-Software. Folgende Menschen haben
an diesem Plugin mitgewirkt:

Mitwirkende

 *   [ dipankarmaikap ](https://profiles.wordpress.org/dipankarmaikap/)

[Übersetze „Generate WpGraphql Image DataUrl“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/generate-wpgraphql-image-dataurl)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/generate-wpgraphql-image-dataurl/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/generate-wpgraphql-image-dataurl/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/)
per [RSS](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.0.2**
 *  Zuletzt aktualisiert **vor 4 Jahren**
 *  Aktive Installationen **40+**
 *  WordPress-Version ** 5.0 oder höher **
 *  Getestet bis **5.9.13**
 *  PHP-Version ** 7.1 oder höher **
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/generate-wpgraphql-image-dataurl/)
 * Schlagwörter
 * [Decoupled WordPress](https://de.wordpress.org/plugins/tags/decoupled-wordpress/)
   [GraphQL](https://de.wordpress.org/plugins/tags/graphql/)[Headless WordPress](https://de.wordpress.org/plugins/tags/headless-wordpress/)
   [jamstack](https://de.wordpress.org/plugins/tags/jamstack/)[WpGraphQL](https://de.wordpress.org/plugins/tags/wpgraphql/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/generate-wpgraphql-image-dataurl/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Your review](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/reviews/)

## Mitwirkende

 *   [ dipankarmaikap ](https://profiles.wordpress.org/dipankarmaikap/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](https://www.buymeacoffee.com/dipankarmaikap)