Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Look at resizing/tweaking homepage background image #60

Open
lizconlan opened this issue Aug 24, 2017 · 0 comments
Open

Look at resizing/tweaking homepage background image #60

lizconlan opened this issue Aug 24, 2017 · 0 comments

Comments

@lizconlan
Copy link
Contributor

lizconlan commented Aug 24, 2017

The wave image (homepage-background.jpg) has been reported as not displaying fully for all users:

the wave image on transparencia.be cover is to wide in its display. How should we do to decrease that and have the full wave picture displayed for the user ?

Would it be possible to display the wave water image with a smaller focus so that the full wave is visible ?

The reason for this seems be that the aspect ratio of the image is such that it's not wide enough compared to its height so at some browser sizes it's appearing cropped as it scales.

Unfortunately, this is not simple to fix as the crop we've taken from the original image (from this support email) is already full width so we can't just take wider section of it, and taking a shallower section would crop the bottom of the wave. We can get away with squashing it a little without it looking too weird but then we have 2 problems:

  1. it's not the same shape as the small version of the image (this may not matter)
  2. with a "narrower" cascading wave, some of the orange text will fall on a lighter part of the image making it hard to read (I haven't tested the contrast ratio but if I can't read it properly - knowing what it says - that's a bad sign)

screen shot 2017-08-24 at 11 49 46

@lizconlan lizconlan changed the title Look at resizing/tweaking homepage banner image Look at resizing/tweaking homepage background image Aug 24, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants