Title: Generate WpGraphql Image DataUrl
Author: dipankarmaikap
Published: <strong>1 בפברואר 2022</strong>
Last modified: 1 בפברואר 2022

---

חיפוש תוספים

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

תוסף זה **לא נבדק ב-3 הגרסאות הראשיות האחרונות של וורדפרס**. ייתכן והתוסף כבר לא
מתוחזק או נתמך על ידי יוצריו, וייתכן שיהיו לו בעיות תאימות בגרסות וורדפרס עדכניות
יותר.

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

# Generate WpGraphql Image DataUrl

 מאת [dipankarmaikap](https://profiles.wordpress.org/dipankarmaikap/)

[הורדה](https://downloads.wordpress.org/plugin/generate-wpgraphql-image-dataurl.1.0.2.zip)

 * [פרטים](https://he.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#description)
 * [סקירות](https://he.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#reviews)
 *  [התקנה](https://he.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#installation)
 * [פיתוח](https://he.wordpress.org/plugins/generate-wpgraphql-image-dataurl/#developers)

 [תמיכה](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## תיאור

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

## התקנה

 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)

## סקירות

There are no reviews for this plugin.

## מפתחים

"Generate WpGraphql Image DataUrl" הוא תוסף קוד פתוח. האנשים הבאים תרמו ליצירת התוסף
הזה.

תורמים

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

[ניתן לתרגם את "Generate WpGraphql Image DataUrl" לשפה שלך.](https://translate.wordpress.org/projects/wp-plugins/generate-wpgraphql-image-dataurl)

### מעוניינים בפיתוח?

[עיינו בקוד](https://plugins.trac.wordpress.org/browser/generate-wpgraphql-image-dataurl/),
ראו את הקוד ב-[SVN repository](https://plugins.svn.wordpress.org/generate-wpgraphql-image-dataurl/),
או הירשמו ל[לוג פיתוח](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).

## מטא

 *  גרסה: **1.0.2**
 *  Last updated **לפני 4 שנים**
 *  Active installations **40+**
 *  WordPress version ** 5.0 ומעלה **
 *  Tested up to **5.9.13**
 *  PHP version ** 7.1 ומעלה **
 *  שפה
 * [English (US)](https://wordpress.org/plugins/generate-wpgraphql-image-dataurl/)
 * Tags
 * [Decoupled WordPress](https://he.wordpress.org/plugins/tags/decoupled-wordpress/)
   [GraphQL](https://he.wordpress.org/plugins/tags/graphql/)[Headless WordPress](https://he.wordpress.org/plugins/tags/headless-wordpress/)
   [jamstack](https://he.wordpress.org/plugins/tags/jamstack/)[WpGraphQL](https://he.wordpress.org/plugins/tags/wpgraphql/)
 *  [תצוגה מתקדמת](https://he.wordpress.org/plugins/generate-wpgraphql-image-dataurl/advanced/)

## דרוגים

No reviews have been submitted yet.

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

[הצג הכל](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/reviews/)

## תורמים

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

## תמיכה

יש לך משהו לומר? זקוק לעזרה?

 [פורום תמיכה](https://wordpress.org/support/plugin/generate-wpgraphql-image-dataurl/)

## תרומה

האם ברצונך לקדם את התוסף הזה?

 [ לתרום לתוסף זה ](https://www.buymeacoffee.com/dipankarmaikap)