Animating/improving header image quality?

  • Author
    Posts
  • #21224

    timethief
    Member

    We cannot at this time have animated headers although if you use the forum search box you will find they have been requested. So don’t bother trying to use animated gifs in headers. They will work on pages, in posts and in text widgets but not in headers.

    #21225

    sb329
    Member

    So don’t bother trying to use animated gifs in headers.

    Ho hum…

    Keeps quiet and hope no one notices my success then :-)

    (Only changes once every 60 seconds so you’ll have to watch for a while…don’t grass me up!)

    #21226

    timethief
    Member

    My remark was based on my own past experience based on working with a blog theme that had not been css customized.

    I’m presently looking at the blog linked to your username. It’s in the Contempt theme and does not appear to be css customized. The header I’m viewing via a firefox 2.0.0.2 browser does not appear to be animated. Are you referring to another blog? If so please provide the url.

    #21227

    sb329
    Member

    No its the one linked to my username…it does only change once every 60 seconds as I didn’t want to annoy visitors…

    If it still doesn’t work for you let me know! Thanks

    #21228

    ryannjenn
    Member

    I see it in Firefox 2.0.0.2 on win xp and it is animated but every minute it changes background photos. Nice job!…as i head back to photoshop and try it myself :)

    #21229

    sb329
    Member

    I used Ulead GIF Animated 5 from CNET.com, 15 day trial. Had trouble getting the file size down…its over 1mb as it is!

    #21230

    ryannjenn
    Member

    You may want to check this out and some of the links at the bottom to optimize the individual pictures of that gif for those on slower connection speed. GIF’s dont have the compression that JPG’s have I believe, but that still is a pretty big header size.
    http://faq.wordpress.com/2006/05/08/optimise-your-images/

    #21231

    timethief
    Member

    I’m glad to hear it works. Perhaps I just didn’t hang in long enough to see it do so. Thanks for sharing. :)

    #21232

    timethief
    Member

    I went back and tried it out again. Yes your header does change every 60 seconds. That means you have “still images” being presented every 60 seconds as rotating still image headers.

    As for “animation” well that’s a different story, isn’t it? I thought you were talking about “animated images”. – lol – I think we can safely presume that we are talking about two very different things.

    https://en.forums.wordpress.com/topic.php?id=5626&page&replies=14#post-36298

    #21233

    ryannjenn
    Member

    An animated GIF is rotating still images. You can adjust the rotation speed of each frame, turn on and off the layers (or pictures) you want to show during each frame, and add “tweeners” to make even slow transitions between images to smooth it out. I went into Adobe Photoshop/ImageReady and made one myself and tried it out on a private blog I have and it worked great sussex. Thanks for the tip.

    #21234

    sb329
    Member

    Timethief…I had a look at your link but that’s not what I’ve done. Mine is just an animated gif so doesn’t require any script or PHP fiddling.

    My gif is made up of three pics…60 seconds for each photo, then 5 pics 20th of a second long using varying amounts of transparency to merge to the next pic. Definitely an animated gif…I could just as easily create a stick man running across the page.

    I assume the method you refer to would create a much smaller file, but I believe I’d have to pay to get customisation etc to get it to work? Plus I haven’t a clue where to start with PHP etc!

    #21235

    sb329
    Member

    Just noticed your link ryanjenn, thanks :) I tried using the gif animator to optimise but it only made a small difference to the file size for a big loss in quality, but i have Picassa installed so will try it on that.

    #21236

    ryannjenn
    Member

    I have been playing around with the animations also. Those 5 pics in between each image kill the filesize. My advice would be to reduce the quality of those transition pics (since they are only up for a small amount of time and only for transition) or try it without the transitions.

    I went from 2 main pics with 5 on each side for transition and upped it to 10 on each side and it doubled my filesize.

    #21237

    sb329
    Member

    Thanks I will try changing the transition pics…I managed to optimise the file and get it down to around 700kb from 1.2mb, so hopefully I can get it smaller.

    #21244

    virpioinonen
    Member

    I’ve been having the same problem with header picture quality as mentioned in the beginning of this thread. Because I have two blogs on WordPress I’ve been able to do some comparative custom header research: the same header pic I uploaded to my older blog some 8 months ago(?) looks just fine whereas the same pic in my new blog looks all grainy. Uploading it as gif, jpeg or png -format doesn’t affect the pic. The same problem persists also when using different templates.

    Any advice?

    #21245

    drmike
    Member

    File sizes in kb and some links to what you’re seeing would help.

    #21246

    virpioinonen
    Member

    Check out the header pic at: http://otus.wordpress.com/
    Filesize is around 18 kb. I just deleted the pic in my old blog so now you just have to take my word that the pic I uploaded earlier was indeed crisp and clear. :(

    #21263

    benji1974
    Member

    I have no problem with quality or animation of the header at: http://videogazette.wordpress.com

    File size is 153 kb.

    All you have to do to get any animated gif to work in the header is to have the dimensions of th image exactly what the header calls for so the crop doesn’t have to take effect because that will ruin the animation sequence. Cropping effectively works on a single frame only and WordPress will ignore the rest. Hope this helps.

The topic ‘Animating/improving header image quality?’ is closed to new replies.