Title: Generate WpGraphql Image DataUrl
Author: dipankarmaikap
Published: <strong>2022(&#101;)k&#111; otsaila&#114;&#101;&#110; 1(&#97;)</strong>
Last modified: 2022(&#101;)k&#111; otsaila&#114;&#101;&#110; 1(&#97;)

---

Bilatu pluginak

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

Plugin hau **ez da probatu WordPressen azken 3 bertsio garrantzitsuenekin**. Baliteke,
jada, mantentze edo euskarririk ez izatea, eta, WordPressen bertsio berriagoekin
erabiltzen denean, bateragarritasun arazoak izan ditzake.

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

# Generate WpGraphql Image DataUrl

 [dipankarmaikap](https://profiles.wordpress.org/dipankarmaikap/)-(r)en eskutik

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

 * [Xehetasunak](https://eu.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#description)
 * [Berrikuspenak](https://eu.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#reviews)
 *  [Instalazioa](https://eu.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#installation)
 * [Garapena](https://eu.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#developers)

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

## Deskripzioa

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

## Instalazioa

 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)

## Berrikuspenak

Ez dago berrikuspenik plugin honentzat.

## Laguntzaileak eta Garatzaileak

“Generate WpGraphql Image DataUrl” software librea da. Ondoko pertsonek egin dizkiote
ekarpenak plugin honi.

Laguntzaileak

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

[Itzul zaitez Generate WpGraphql Image DataUrl zure hizkuntzara.](https://translate.wordpress.org/projects/wp-plugins/generate-wpgraphql-image-dataurl)

### Garapena interesatzen zaizu?

[Araka kodea](https://plugins.trac.wordpress.org/browser/generate-wpgraphql-image-dataurl/),
begiratu [SVN biltegia](https://plugins.svn.wordpress.org/generate-wpgraphql-image-dataurl/)
edo harpidetu [garapen erregistrora](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/)
[RSS](https://plugins.trac.wordpress.org/log/generate-wpgraphql-image-dataurl/?limit=100&mode=stop_on_copy&format=rss)
bidez.

## Meta

 *  Version **1.0.2**
 *  Azken eguneraketa **duela 4 urte**
 *  Instalazio aktiboak **50+**
 *  WordPress bertsioa ** 5.0 edo handiagoa **
 *  **5.9.13** (e)raino probatuta.
 *  PHP bertsioa ** 7.1 edo handiagoa **
 *  Language
 * [English (US)](https://wordpress.org/plugins/generate-wpgraphql-image-dataurl/)
 * Etiketak
 * [Decoupled WordPress](https://eu.wordpress.org/plugins/tags/decoupled-wordpress/)
   [GraphQL](https://eu.wordpress.org/plugins/tags/graphql/)[Headless WordPress](https://eu.wordpress.org/plugins/tags/headless-wordpress/)
   [jamstack](https://eu.wordpress.org/plugins/tags/jamstack/)[WpGraphQL](https://eu.wordpress.org/plugins/tags/wpgraphql/)
 *  [Ikuspegi aurreratua](https://eu.wordpress.org/plugins/generate-wpgraphql-image-dataurl/advanced/)

## Balorazioak

No reviews have been submitted yet.

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

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

## Laguntzaileak

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

## Laguntza

Zerbait duzu esateko? Laguntza behar?

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

## Egizu eskaintza

Plugin honen aurrerabidearen euskarri izan nahi duzu?

 [ Egiozu eskaintza plugin honi ](https://www.buymeacoffee.com/dipankarmaikap)