zellet
(Zac Elletson)
July 16, 2019, 4:35am
1
So i created a couple of parralax scrolling sections. The problem I’m having is the second section, which contains a photo background, keeps pixelating at the edges. Tried adjusting div sizes and image positioning, same result. Is it just the image that’s the problem? Is the file too large? Help pls
http://https ://spicy-spouse-podcast.webflow.io/new
https://preview.webflow.com/preview/spicy-spouse-podcast?utm_medium=preview_link&utm_source=designer&utm_content=spicy-spouse-podcast&preview=67c78a492cd600dd090945deba9bae2e&pageId=5d2a83339ea87f0b7e099b66&mode=preview
1 Like
Hey @zellet
Can’t see your read-only. Can you share again?
zellet
(Zac Elletson)
July 16, 2019, 1:52pm
4
There we go didnt remove the brackets.
zellet
(Zac Elletson)
July 22, 2019, 12:08am
5
Still an issue, anyone???
1 Like
The file is deff huge. 3mb is very very large file. Try making the img 500kb max and try again.
zellet
(Zac Elletson)
July 22, 2019, 3:17pm
7
Weird thing is, even on on the other parralax images (which just has a small 6.2k icon as the background), it does it as well?
1 Like
The black bg with the pepper icon (if it’s pepper )
zellet
(Zac Elletson)
July 24, 2019, 3:33pm
9
haha yes, why would that also be glitching? Is it because the pattern is repeating?
1 Like
Actually there’s not glitch for me
The bg with the peppers is around 1mb and the other is 3mb. Try optimizing them to get the file size around 200-500kb