resize your image does not mean you get the bad resolution. A vector graphic is good they are using points not pixels so if you want image then use a high-quality image and then resize it in photoshop or use vector.
Could you provide a link to your site so I can have a look and better understand the issue?
Did you use CSS to change the header size from the default 982 × 250 to something else? If so, CSS alone isn’t enough — you’ll also need a PHP function to resize the header properly within a child theme.
Once I see your site I can better confirm what you did and how to help fix it.
Hello @zoonini,
here is the link to the side: http://steinerjasmin.bplaced.net/demo/
I have changed the size in the custom-header.php.
Just so I’m clear on exactly what you’ve done, did you hard-code your header graphic using an img tag directly in custom-header.php, in a child theme?
Where you say the resolution doesn’t look good, is this on a retina screen?
Retina images need to have twice as many pixels as usual, so to get a retina-friendly display with the technique you’ve used you could try uploading an iamge that’s double the final size (so 862 x 220) and then making it smaller in your chlid theme’s CSS.
.header-image {
height: 110px;
width: 431px;
}
Let me know how it goes, and whether I’ve correctly understood what you’ve done. Thanks!
The css code from you works.
In addition I have the width and height in the custom-header.php changed to 1724×440 and a image in this size inserted. Now I belive the problem is solved.
Glad to hear it! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.
