Header keeps uploading in bad quality

  • sd38

    #3691

    I’ve exported as jpeg with medium, high and maximum quality and uploaded it as each. I’ve even changed the name. It looks fine when I’m in the crop and publish page, but it always looks worse when it goes live and shows up in wordpress. What am I missing?

    Josh

    #25550

    The url to your site for us to see an example would be a good place to start 😉

    sd38

    #25551

    somdmarketing.com, as you can see it’s a little blurry, but my original is perfect.

    Josh

    #25552

    What dimensions are you using when you create your image? You should be using a base which is 960px wide by 198px tall.

    Perhaps you are created your image with a resolution less than the 960×198 (like 800×150) and it’s “stretching” the image to fit??

    sd38

    #25553

    No, the image is larger, and I’m cropping it to fit into the window. Making it crop smaller. That shouldnt create the fuzzyish effect.

    Prasanna SP

    #25554

    If you want to use the image as it is without cropping, you need to add a custom header height and width function in your child theme’s functions.php file.

    function graphene_custom_header_width(){
    return 1000;
    }
    function graphene_custom_header_height(){
    return 200;
    }
    add_filter('graphene_header_image_width', 'graphene_custom_header_width');
    add_filter('graphene_header_image_height', 'graphene_custom_header_height');

    (Change height and width to reflect your header image dimension.)

    And this to custom CSS.

    #header {
    height: 200px;
    width: 1000px;
    }

    Prasanna SP

    #25555

    Image loses it’s resolution when you crop the image.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.