Change header image size preserve x1600 display

  • Resolved dreamingsentinel

    (@dreamingsentinel)


    8 years, 1 month ago

    Hi!

    Ok, so there have been some wonderful threads in the support forums on how to change the background (?) and header image sizes, but they all seem to change the display output as well (i.e for larger screens).

    What I’m trying to to is make it so that an image with more than 1600 by 802 pixels is loaded, but still displayed at with the same website dimensions, so the quality looks higher but the image still fits onscreen.

    I understand that this will give longer loading time (I’m trying to find the sweet-spot between compression and display), however I’m an artist and the main aspect of my design is a background-header I painted, which at the moment looks rather low-quality. The viewers brain might adjust to this, but that the content of the website itself is of rather sharp contrast.

    Anyway, all help would be appreciated, and thank you in advance!

    P.S: my website is https://www.thedreaming.is

Viewing 1 replies (of 1 total)
  • Thread Starter dreamingsentinel

    (@dreamingsentinel)

    As a note to others, I’ve kind of figured this one out but the result seems to be bugged. In custom-header.php edit the suggested image size to whatever your actual header dimensions are, then keep the display size the same. Upload the real header and it is not automatically compressed to the suggested file size, as this has been changed.

    However, while it displays in the right spot and as told to, it seems to confuse the content padding as it thinks there is a much bigger image there (not realising it displays smaller). Haven’t figured out how to fix it, could probably play around with EM and padding widths but am trying to solve the problem by setting header-image to 100% – currently Nisarg displays this as slightly zoomed in, which causes the image to loose quality. At full-width it looks quite good at 1600.

Viewing 1 replies (of 1 total)
  • The topic ‘Change header image size preserve x1600 display’ is closed to new replies.