Header keeps uploading in bad quality

  • sd38


    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?



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



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



    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??



    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.



    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;



    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.
Graphene Themes Forum