Okay
  Public Ticket #3439778
Mouse Parallax images are blurry
Closed

Comments

  •   wolfgangforever started the conversation
  •  8,839
    Tahir replied

    Hey wolfgangforever ,

    Please resize this image so all of them are the same size. See screenshot below: 

    3546799012.png

    Thanks.


    ThemeNectar Support Team 

  •  2
    wolfgangforever replied

    Hi, I tried this before as well and  images still get sized up and become blurry. I added the images so you can see it.


    https://studioskorpio.be/home-3/

  •  8,839
    Tahir replied

    Hey Again,

    You need to make the size the same and set it to 1920 by 1080. 

    Thanks.


    ThemeNectar Support Team 

  •  2
    wolfgangforever replied

    Images still get scaled up a little, which makes them blurry. My native resolution is 2560 x 1440, so I tested it out on another computer with a 1920x1080 resolution but the images still get scaled up.

    Page with 1920x1080 images:
    https://studioskorpio.be/home-3

    Page with 2560x1440 images:
    https://studioskorpio.be/home-4

    At this point I'm pretty sure they're scripted to scale up or fit a certain part of the website?

  •  8,839
    Tahir replied

    Hey Again,

    Yes, you are right they are scaled up 20% for the parallax hover to work properly. See screenshot: 

    8879321055.png


    Try uploading them with a bit higher quality and check. 

    Thanks.


    ThemeNectar Support Team 

  •  2
    wolfgangforever replied

    The images are high quality PNG's, the only quality loss that happens is because of the upscaling :) How do I disable this? I'd rather have sharp images than the perfect parallax.

  •  2,958
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    The images are always going to be zoomed in a little more than normally seen to allow the mouse movement effect without ever hitting the edge of the image. You can refer to this past ticket https://themenectar.ticksy.com/ticket/241336.

    Otherwise, you would have to disable the mouse over parallax in the row settings and then add a normal image as the background.

    I hope that helps.

    Cheers,

  •  2
    wolfgangforever replied

    Would using Webp or SVG files help with this since they shouldn't lose quality when sized up?

  •  8,839
    Tahir replied

    Yes, they should help.

    Thanks 


    ThemeNectar Support Team