Crop/Resize Image for Window Background Image

[Ornorm]

Hello,
I didn't find a feature request for this.
For the moment, when applying an image as Window Background Image, it only takes the top of the picture selected. If you want to have something that perfectly fits your need, you have to first go into a picture editor software.
Concretely, for the moment, if you choose this picture :

You get this :

It might be interesting to give the user a possibility to basically customize the picture by selecting the picture section he wants (crop, resize, etc.) :

Vivaldi would then stretch (or not) the edited picture based on the browser size.
What do you think about it?

[pafflick]

I think that even adding a simple background-position and background-size with custom parameters would be enough in many cases.

[nomadic]

Like @pafflick suggested, background-size is all that needs to be changed:

@nomadic said in Optimal resolution for Window Background Image?:

@Gumballer I did a bit of investigating, and it looks like the issue is because the image is being applied as a background to cover the whole browser window instead of just the header. That is why only the top part of the image is visible.

Inspecting the header, I found it to have a height of 39px, so with a simple CSS mod as @Ornorm suggested, you can get the desired result:

#browser {
  background-size: 100% 39px !important;
}

---

Note: I believe 39px should be standard across all instances of Vivaldi, but if the image is slightly off, you should adjust it to the height of your header.

[Rachana]

This post is deleted!