Title: WP Image Mask
Author: Bogdan Bendziukov
Published: <strong>7 Aralık 2020</strong>
Last modified: 9 Mayıs 2025

---

Eklentilerde ara

![](https://ps.w.org/wp-image-mask/assets/banner-772x250.jpg?rev=3267791)

![](https://ps.w.org/wp-image-mask/assets/icon.svg?rev=3267792)

# WP Image Mask

 [Bogdan Bendziukov](https://profiles.wordpress.org/barb0ss/) tarafından

[İndir](https://downloads.wordpress.org/plugin/wp-image-mask.3.1.3.zip)

 * [Detaylar](https://tr.wordpress.org/plugins/wp-image-mask/#description)
 * [İncelemeler](https://tr.wordpress.org/plugins/wp-image-mask/#reviews)
 *  [Kurulum](https://tr.wordpress.org/plugins/wp-image-mask/#installation)
 * [Geliştirme](https://tr.wordpress.org/plugins/wp-image-mask/#developers)

 [Destek](https://wordpress.org/support/plugin/wp-image-mask/)

## Açıklama

Select a custom mask for your Gutenberg image’s block or add a masked image anywhere
via shortcode `[wp-image-mask]`.

Shortcode attributes:

 * `src` – URL of the image;
 * `mask` – URL of the mask;
 * `fit` – how the mask should fit into the image. `cover`, `contain` (default `
   contain`);
 * `alt` – alt text for the image.

## Ekran Görüntüleri

 * [[
 * Select your image (or add a new one from Gutenberg blocks).
 * [[
 * Select the type of image mask from the block’s settings.
 * [[
 * If you choose a custom image – click on the Choose mask image button to upload
   your custom mask.
 * [[
 * Once you have selected the mask – it will apply to your image.
 * [[
 * If you choose SVG code – paste your SVG code in the textarea field.
 * [[
 * Once you have pasted the code – it will apply to your image.
 * [[
 * You can also apply image masks to gallery’s images.

## Yükleme

Upload the WP Image Mask plugin to your site, activate it and start using.

## SSS

### Do I need to replace my images with some custom Gutenberg block to use an image mask?

No, this plugin attaches to the native Gutenberg image block, so no need to replace
your existing images.

### Can I apply my custom image mask?

Sure! You can select a custom image mask file or paste SVG code of your image mask.

### I don’t use Gutenberg – is there any other way to add an image with a mask?

Yes! You can use shortcode `[wp-image-mask src="https://url_of_your_image" mask="
https://url_of_your_mask_image"]`.

## İncelemeler

![](https://secure.gravatar.com/avatar/a9737ef699783b8cd526ea536b6c92085c9b586db11a612add35e88829e30944?
s=60&d=retro&r=g)

### 󠀁[Works great](https://wordpress.org/support/topic/works-great-9078/)󠁿

 [yodergreg](https://profiles.wordpress.org/yodergreg/) 22 Aralık 2023 1 yanıt

I needed a way to have irregular looking shapes for photos. I thought I might have
to create a custom solution, but was pleased that this plugin did exactly what I
needed. I was able to upload SVG images to use as masks to the site media library,
and then it was really easy to assign those to be used as masks to images using 
the default WP image block. I like how the plugin integrates directly into the image
block interface. Excellent! I will end up using this plugin on a lot more sites 
in the future.

 [ 1 incelemeyi oku ](https://wordpress.org/support/plugin/wp-image-mask/reviews/)

## Katkıda Bulunanlar ve Geliştiriciler

“WP Image Mask” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye katkıda
bulunmuşlardır.

Katkıda bulunanlar

 *   [ Bogdan Bendziukov ](https://profiles.wordpress.org/barb0ss/)

“WP Image Mask” 3 dile çevrildi. Katkıda bulundukları için [çevirmenlere](https://translate.wordpress.org/projects/wp-plugins/wp-image-mask/contributors)
teşekkürler.

[“WP Image Mask” eklentisini dilinize çevirin.](https://translate.wordpress.org/projects/wp-plugins/wp-image-mask)

### Geliştirmeyle ilgilenir misiniz?

[Kodu görüntüleyin](https://plugins.trac.wordpress.org/browser/wp-image-mask/), 
[SVN deposuna](https://plugins.svn.wordpress.org/wp-image-mask/) göz atın ya da 
[RSS](https://plugins.trac.wordpress.org/log/wp-image-mask/?limit=100&mode=stop_on_copy&format=rss)
ile [geliştirme günlüğüne](https://plugins.trac.wordpress.org/log/wp-image-mask/)
abone olun.

## Değişiklik Kaydı

#### 3.1.3

 * Fixed security vulnerability

#### 3.1.2

 * Removed inline tags, applied image mask as inline css
 * Fixed Gutenberg view for custom image mask
 * Migrate to @wordpress/create-block

#### 3.1.1

 * Removed unnecessary wp-image-mask – CGB Block

#### 3.1

 * Add the ability to select mask fit in the Gutenberg block

#### 3.0

 * Stable release.
 * Add a shortcode to apply image mask.

#### 2.0

 * Stable release.
 * Fixed issues with applying custom masks to images.
 * Add the ability to paste SVG code for image masks.

#### 1.0

 * First release.

## Meta

 *  Sürüm **3.1.3**
 *  Son güncelleme **12 ay önce**
 *  Etkin kurulumlar **300+**
 *  WordPress sürümü ** 6.0.1 veya üstü **
 *  Test edilen sürüm **6.8.5**
 *  PHP sürümü ** 7.3 veya üstü **
 *  Diller
 * [English (US)](https://wordpress.org/plugins/wp-image-mask/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/wp-image-mask/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/wp-image-mask/) ve [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-image-mask/).
 *  [Dilinize çevirin](https://translate.wordpress.org/projects/wp-plugins/wp-image-mask)
 * Etiketler
 * [gutenberg](https://tr.wordpress.org/plugins/tags/gutenberg/)[image](https://tr.wordpress.org/plugins/tags/image/)
   [mask](https://tr.wordpress.org/plugins/tags/mask/)[shortcode](https://tr.wordpress.org/plugins/tags/shortcode/)
 *  [Gelişmiş görünüm](https://tr.wordpress.org/plugins/wp-image-mask/advanced/)

## Puanlar

 5 üzerinden 5 yıldız.

 *  [  1 5 yıldızlı inceleme     ](https://wordpress.org/support/plugin/wp-image-mask/reviews/?filter=5)
 *  [  0 4 yıldızlı inceleme     ](https://wordpress.org/support/plugin/wp-image-mask/reviews/?filter=4)
 *  [  0 3 yıldızlı inceleme     ](https://wordpress.org/support/plugin/wp-image-mask/reviews/?filter=3)
 *  [  0 2 yıldızlı inceleme     ](https://wordpress.org/support/plugin/wp-image-mask/reviews/?filter=2)
 *  [  0 1 yıldızlı inceleme     ](https://wordpress.org/support/plugin/wp-image-mask/reviews/?filter=1)

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

[Tüm değerlendirmeleri görün](https://wordpress.org/support/plugin/wp-image-mask/reviews/)

## Katkıda bulunanlar

 *   [ Bogdan Bendziukov ](https://profiles.wordpress.org/barb0ss/)

## Destek

Söyleyeceğiniz bir şey mi var? Yardım mı lazım?

 [Destek forumunu görüntüle](https://wordpress.org/support/plugin/wp-image-mask/)