Image - out of focus

[madfishbiscuit (Phil Anthony)]

Hi all,

Can someone point me in the direction for how I might have a better focus image/thumbnail in the Lightbox (hero section images) on my site?

https://preview.webflow.com/preview/octaviazydel?utm_medium=preview_link&utm_source=designer&utm_content=octaviazydel&preview=2048ef97f512db6f0b77f55b60cf7283&workflow=preview

Do I need to do something in Illustrator? It makes no difference resizing in illustrator from what I can see. I have even tried turning off the ‘responsive’ aspect in webflow.

Advice appreciated all.

Phil

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[holymolystudio (Holy Moly Creative Studio)]

Hey Phil,

Site is looking great. The images are looking pretty good on my end, but if you want them to be super sharp I’d recommend exporting them as SVGs - they all appear to be vector based so that should work out nicely

Hope that helps,

Jenna

[madfishbiscuit (Phil Anthony)]

Hey - thank you for the comment.

I find I get another issue when exporting with SVG and that is than some end up with a natural margin and I can’t get them the exact same size, even though they are exported at the same size.

I’ll do it now and see if I can upload a screen shot.

Thank you.

[madfishbiscuit (Phil Anthony)]

I end up with this with some SVGs and not others.

[Kyle_Davies1 (Kyle Davies)]

I downloaded and opened a test SVG from your site and there were some layers in there that might be causing the extra “spacing”.

I’m not sure how Illustrator handles the SVG with the clipping mask used to hide the overflow.

Would trimming the shape with the shape builder fix that gap?

[madfishbiscuit (Phil Anthony)]

Great spot! That might well be the case - I was online with Adobe all day yesterday trying to figure this out and they didn’t come up with that.

I’ll investigate and let you know! Thank you so much for the effort you put in - hopefully the answer.

[madfishbiscuit (Phil Anthony)]

What a spot @Kyle_Davies1 !!!

So the 3 I had issues with are the Purple, Turquoise and Yellow - all had clipping masks - if it helps anyone here, you need to click on the clipping mask and go to your pathfinder menu and ‘crop’ and this will take everything outside of your clipping mask out.

God I love these forums! Thanks again.