Create a watermark / Drupal 8

Install module Image Effects:

composer require drupal/image_effects ; drush en image_effects -y

Upload the watermark. I’ll put it in a folder:

sites/default/files/custom/watermark/test-watermark.png

Create or edit an image style. Ad…


This content originally appeared on DEV Community and was authored by Vadim Filimonov

Install module Image Effects:

composer require drupal/image_effects ; drush en image_effects -y

Upload the watermark. I'll put it in a folder:

sites/default/files/custom/watermark/test-watermark.png

This is what my watermark looks like<br>

Create or edit an image style. Add a new "Watermark" effect.

I decided to edit the image style Large (480×480)<br>

Build the following settings:

Image description

Watermark drawing: Watermark file path;
Watermark resize: I only set the width, the height is calculated automatically;
Position:Center by default.

Save.

Do not forget to assign this image style to the desired image. In my case - it is a picture announcement news.

Image description

Result:

Before:

Image description

After:

Image description


This content originally appeared on DEV Community and was authored by Vadim Filimonov


Print Share Comment Cite Upload Translate Updates
APA

Vadim Filimonov | Sciencx (2022-04-07T04:47:58+00:00) Create a watermark / Drupal 8. Retrieved from https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/

MLA
" » Create a watermark / Drupal 8." Vadim Filimonov | Sciencx - Thursday April 7, 2022, https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/
HARVARD
Vadim Filimonov | Sciencx Thursday April 7, 2022 » Create a watermark / Drupal 8., viewed ,<https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/>
VANCOUVER
Vadim Filimonov | Sciencx - » Create a watermark / Drupal 8. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/
CHICAGO
" » Create a watermark / Drupal 8." Vadim Filimonov | Sciencx - Accessed . https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/
IEEE
" » Create a watermark / Drupal 8." Vadim Filimonov | Sciencx [Online]. Available: https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/. [Accessed: ]
rf:citation
» Create a watermark / Drupal 8 | Vadim Filimonov | Sciencx | https://www.scien.cx/2022/04/07/create-a-watermark-drupal-8/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts