Header two background images
-
Hey guys, just another question from just another noobish user (meself).
In graphene theme, latest version, you can upload a header image in theme options. I did that, but found that my header is like 100kb, which cannot be good for slow modems, SEO, etc.
As my header consists of a gradient, I created a small, narrow gif file, which would tile up to achieve the same result of a gradient. To do this, I had to vary the header.php file, by removing one php code block (I think about pulling the header image from the options- I don’t know any php), and manually typing in the url of my image and telling it to repeat-x. This worked.
However, my header design also consists of a small logo, which I want to be placed in the middle of the header. So far, I’ve failed to put it in place… Preferably, it must be part of the header background, not an image you can copy and paste, but it doesn’t really matter if that’s not possible… Would anyone have any solution? Or would I have to upload the huge header anyway? It must be a common enough question. I appreciate your response in advance, thanks!
Enable
header widgetor usegraphene_headeraction hook and put an image using any text widget or image widget. Then position it using CSS.Mod
I did that, but found that my header is like 100kb, which cannot be good for slow modems, SEO, etc.
Actually, this is not too bad, considering I’ve been on sites that have 1.3 MB background images. Needless to say, I didn’t stay there long.
You can control the size of an image by using the “export” or “export for web” function in most image editors. Actually, a .png file (your best bet — forget .gif or .jpg), with a slight gradient and a small logo, shouldn’t be that large a file. Try using the export and playing around with the settings.
If you use Photoshop, you can use the “posterize” feature to reduce file size… then save as a .png
Image -> Adjustments -> Posterize
The more you reduce, the fewer colors you are using in your image… so you do lose SOME quality. However, I can usually reduce my file sizes by half without any significant loss in quality.
Use smush.it plugin to optimise the uploaded images.
- You must be logged in to reply to this topic.
