Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


This forum is in read only mode, you can no longer reply
  • Bjarne Fyrstenborg 1284 posts 4038 karma points MVP 8x c-trib
    Oct 17, 2016 @ 19:28
    Bjarne Fyrstenborg
    0

    Add margin/padding to fit image within mask

    I have something like this in a webdesign and wonder if it is possible to handle with ImageProcessor?

    enter image description here

    something like this is my best try:

    /media/1001/istock_38933268_large.jpg?width=500&height=300&mode=crop&mask=laptop-mask.png&format=png&overlay=laptop-overlay.png&overlay.size=500,300

    enter image description here

    Where image mask is this (screen of laptop):

    enter image description here

    and overlay is: enter image description here

    However if removing the mask it looks like this:

    enter image description here

    It would be great if I could add some padding or margin to make it fit within "screen".

    For now I have used another approach with two images on top of each other.

    enter image description here

    and this on top, with ?filter=greyscale

    enter image description here

    Is is possible to render an image like this with mask and overlay - or is it not an option at the moment?

    Thanks, Bjarne

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft