Back Home

Open Designs

Community. Driven.

Designer Talk: Image Ready Question

Bottom of Page

1 to 14 of 14

  1.  
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007 edited by 4evrblu on the 20th January 2007 at 06:19:34 EST
     
    I am waiting on my copy of PhotoShop CS2 to arrive in the mail. I know itis not CS3, but it will do a great job for now. Can't wait to get it installed.

    In the meantime, I am using Image Ready, which is sort of a half-assed graphics editor that comes with Photoshop. I don't know why they offer this program, unless it is the slice capability it offers. But i digress.

    Here is my question:

    At http://totalphysiqueonline.com/ you will notice three cute lil quick-link buttonettes at the top left corner. Originally the feed icon was green, which I did not like. So I just used my orange Feedburner icon in place of that. The switch looked good. The other two gifs icons, for home and email, are grey by default.

    Someone suggested I should change their color as well, so I decided to make them orange in order to match the new feedburner image I was using for my RSS icon.

    Well, I edited the lil fellows in Image Ready, SAVING AS gifs, and using the same names they had been given by default. I then changed the names of the original gif images on my server, rather than delete them, and uploaded the new images without overwriting the old ones.

    The new orange icons displayed nicely in Safari, but they did not display at all in FireFops or Soap Opera. They displayed as empty squares with a border aound them, and in place of the images where text titles for the images. This may have been FF and Opera's way of displaying broken images, but they did not look exactly like broken images to me.

    Does Image Ready save in some sort of wierd format that some browsers do not understand? Or could it be that on my server having names like home.gif and homeold.gif is confusing to Wordpress?
    •  
      CommentAuthorChristopher
    • CommentTimeJan 20th 2007 edited by Christopher on the 20th January 2007 at 06:24:31 EST
     
    Adobe IR is a great program! About your problem, well there shouldn't really be one. Check the images path's in your stylesheet to make sure they have the correct image name's specified.

    Also having images named home.gif and homeold.gif won't confuse anything... if you don't specify the old images in the CSS / HTML documents, no-one would even know they existed.

    p.s. home.gif doesn't exist... the image should be called home_icon.gif as shown in your HTML's path:

    http://totalphysiqueonline.com/wordpress/wp-content/themes/fjords01-10/imagenes_qwilm/home_icon.gif
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007
     
    OK. lemme check that style CSS.

    And my apologies to Adobe IR. I reallyy should not have been so harsh. It just seems like a fairly limited program compared to PS. But I admit to maybe not knowing IR as well as I should.
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007 edited by 4evrblu on the 20th January 2007 at 06:39:29 EST
     
    Well, unless my eyes deceive me, the CSS sheet does not reference the images.

    The images are called in the header like so:

    <div id="mini-nav">
    <a href="<?php echo get_settings('home'); ?>" title="<?php _e('Home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/imagenes_qwilm/home_icon.gif" alt="Home" /></a>
    <a href="mailto:webmaster@totalphysiqueonline.com" title="<?php _e('Send an E-Mail'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/imagenes_qwilm/email_icon.gif" alt="Send An Email" /></a>
    <a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS 2.0'); ?>"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="feedburner" style="border:0"/></a>
    </div>

    The new images have the same exact names as specified in the above code, and they were uploaded to the correct directory. As I said, they did display in Safari, just not in the other two browsers.

    Hmmmm
  5.  
    Yes I noticed you call them via images directly and not in the stylesheet, see my p.s. above.

    I can see the images in every browser I have tried (ie/ff/opera/netscape/flock) and they are greyscale. Did you upload the coloured images correctly?
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007
     
    LOL I changed them back to the greey scale images


    Sorry.

    Lemme change them back for a while.
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007 edited by 4evrblu on the 20th January 2007 at 07:25:30 EST
     
    When I try to view http://totalphysiqueonline.com/wordpress/wp-content/themes/fjords01-10/imagenes_qwilm/home_icon.gif in FireFops I get the oddest error. It says, "The image “http://totalphysiqueonline.com/wordpress/wp-content/themes/fjords01-10/imagenes_qwilm/home_icon.gif” cannot be displayed, because it contains errors."

    Ain't that odd??
    •  
      CommentAuthorNeuen
    • CommentTimeJan 20th 2007
     
    I don't see any of the images that you are talking about.
  9.  
    yeah it's your images that are the problem, they're corrupt and won't display in any browser for me, how are you saving the gif's?
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007 edited by 4evrblu on the 20th January 2007 at 08:28:28 EST
     
    well, that is where the problem is i.e. saving the images.

    When I open the GIF for editing, I use a few minor fill steps to change the grey to orange, then I click SAVE, which then prompts me to save image as home.png , but I don't really need to do that. What I want is GIF, so I just overwrite the name IR is trying to apply by default (IR is trying to save it as a png format for future editing) and I call it home.gif and click "save". That really should not create a corrupt file, or I wouln't thing so. But for some reason the file is getting corrupted.

    What do you think?
    •  
      CommentAuthorgnome
    • CommentTimeJan 20th 2007
     
    My thoughts: below where it asks you what filename you want, see if you can change the file-type it saves as to gif, because IR could be saving the .png with the .gif extension, confusing FF and Opera. If that isn't the case, then:

    IR is saving the .gif images in RGB, with each pixel having a 6 digit hex value (just like colours in a stylesheet). The image needs to be converted over to grayscale or indexed (you will want indexed, because it supports limited colour). If done properly, an indexed image can be of very high quality, given that it uses a fairly limited range of colours. If you can find an option to convert the image to indexed, make sure that it generates the palette.
  12.  
    I was about to reply, but noticed you've got the problem sorted now anyway :)
    • CommentAuthor4evrblu
    • CommentTimeJan 20th 2007
     
    gnome, I think you are right. That occured to me.

    I did some more research and found that when you open an image in IR for editing, there should be a panel off to the right of the image you are editing that has several tabs in it labeled : Info , Optimize , Layer Comps.

    Choose the Optimize tab, and this is the tab that changes the default save as file format. You can pick and choose the file format you want to save the image as, along with setting other options for that file format, such as trasparancy, dithering lossy, etc.

    Once I found that tab and used it, the changes were put in place and the file saved as an actual GIF.

    Now it seems to work fine.
    •  
      CommentAuthorgnome
    • CommentTimeJan 20th 2007
     
    Yay!

1 to 14 of 14

  1.