Every single background image gets blurry on my tribute page (Even the 4k ones)

1

That’s my css. I have tried huge px pictures but they seem to get smaller when I introduce them in the html so they get blurry. Thank you for helping!

html {
background-image: url(“https://preview.ibb.co/fErjoF/6588530_uhd_phone_wallpaper.jpg”);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}

2

I think you want this:

html {
    background-image: url("https://thumb.ibb.co/kPvzNa/ep_naturalblack.png");
    background-color: #B4045F;
    background-repeat: repeat;
     }

Since the image is actually small (it has “thumb” in the name), you are stretching it to fit the whole screen. But you want to use it as a repeating tile

1 Like
3

And technically you can leave the last line off since “repeat” is the default.