Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Nuno Duarte Nuno Duarte Edited

Screen as Overlay Resizes my Image

Hello, im using Photoshop to design a website and when I try to add an "Hover" for a button my Image gets resized and gets smaller.

 

I am also aware that I can move it down by using custom position option, my only question is why it gets smaller.



But if I see the image as a screen, the size appears to be correct, only when I use it as Hover Overlay it gets smaller.

0

comments

sort by


Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Nuno,

Sorry to see that you're running into these issues. I appreciate you taking the time to provide all of the information you have, as well as those helpful screenshots.

To confirm, are you uploading your overlays using a different density as your parent screens? There shouldn't be the sizing difference in your overlays unless you have parent screens that vary in size. Additionally, if the parent screens were exported at 2x, while your overlays were exported at 1x or vice versa, that would indeed throw off the sizing. This might be what is happening here.

Looking forward to hearing from you.

Best,

Shaina

1

Nuno Duarte
InVision ambassador Nuno Duarte , ambassador
Comment actions Permalink

Yes, I've realised that I need to double up my object dimensions in order to fit as it should (2x).

Plus, one sugestion. When adding a screen as an overlay, there should be some opacity around like 80% so we can see exactly were we are inserting our object.

0

Nuno Duarte
InVision ambassador Nuno Duarte , ambassador
Comment actions Permalink

Another sugestion, when editing a screen overlay after it has been placed with "Position: Custom", it should store its location. Would be really helpfull if we want to move it just a bit.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Thanks for following up and providing some additional feedback, Nuno. I would like to pass this information along to our Support team so that they can track your suggestions as feature requests.

I will open a ticket on your behalf with our Support team so that they can evaluate your feedback. Please keep an eye out for an email from one of our Support agents soon.

Best,

Shaina

0

join the conversation

to comment, sign up or sign in.