locked
Images show in EW design view but not IE7 RRS feed

  • Question

  • I'll cut to the chase.  I had a fully functional website with images (all relative references) showing no problem in EW or IE7...then I decided to get fancy.

    • I copied everything to another folder on my computer
    • I converted the default htm to a .dwt
    • I linked all the pages to the DWT and deleted any duplicated code within the editable region
    • I purchased corel draw x4 and used it to create better images
    • I exported the images as either gifs or jpegs (tried both) to same local folder
    • I inserted the images using the picture insert in EW
    • The images show up fine in design view but placeholders in IE7 (no path or any other info from properties other than filename)

    Troubleshooting

    • Use image insert in EW to get absolute references - nothing
    • Changed back to relative references and now properties shows the url for my website (file isn't there yet or maybe it would work!)  Also won't show in design mode now.
    • I tried opening file and  changing slightly in Paint, Corel Paint, etc. and resaving - same result (with absolute reference)
    • Click on image in design view highlights codein EW so I know absolute reference is correct
    • Tried copying image into notepad as fresh html and IE7 views it just fine so I know it's not IE7
    • Kicked dog
    • Tried a few more things and stayed up way too late

    Any help is greatly, greatly, appreciated!

    EWNewbie

    Saturday, September 6, 2008 5:26 AM

Answers

  • This happens with a new image you created with Corel, in all cases, but does not happen with your older pictures, in all cases, correct?

    If so, it's the new image(s).

    See http://www.the-art-of-web.com/html/jpeg-formats/ for which browsers display which kinds of jpeg images.  Save them in RGB for full support.
    • Proposed as answer by KathyW2 Saturday, September 6, 2008 8:52 PM
    • Marked as answer by EWNewbie Sunday, September 7, 2008 4:38 AM
    Saturday, September 6, 2008 6:19 PM
  • I'll add a quick note regarding RGB color profiles.

    There are several different RGB color profiles. For example; there is Adobe RGB, Adobe RGB 1998, your monitor's RGB profile, Color Match RBG, and sRGB.

    For best performance, you should ensure that your jpeg files are converted to sRGB before saving them.


    -Preston
    Columbia, CA. USA
    • Marked as answer by EWNewbie Sunday, September 7, 2008 4:38 AM
    Saturday, September 6, 2008 6:38 PM

All replies

  • EWNewbie said:

    I'll cut to the chase.  I had a fully functional website with images (all relative references) showing no problem in EW or IE7...then I decided to get fancy.

    • I copied everything to another folder on my computer
    • I converted the default htm to a .dwt
    • I linked all the pages to the DWT and deleted any duplicated code within the editable region
    • I purchased corel draw x4 and used it to create better images
    • I exported the images as either gifs or jpegs (tried both) to same local folder
    • I inserted the images using the picture insert in EW
    • The images show up fine in design view but placeholders in IE7 (no path or any other info from properties other than filename)

    Troubleshooting

    • Use image insert in EW to get absolute references - nothing
    • Changed back to relative references and now properties shows the url for my website (file isn't there yet or maybe it would work!)  Also won't show in design mode now.
    • I tried opening file and  changing slightly in Paint, Corel Paint, etc. and resaving - same result (with absolute reference)
    • Click on image in design view highlights codein EW so I know absolute reference is correct
    • Tried copying image into notepad as fresh html and IE7 views it just fine so I know it's not IE7
    • Kicked dog
    • Tried a few more things and stayed up way too late

    Any help is greatly, greatly, appreciated!

    EWNewbie

    Hokay, following your lead, I'll cut to the chase. ;-)

    Here's what you said:

    "I copied everything to another folder on my computer"

    That would be, like, Step One, from which all else flows, n'est-ce pas?

    One thing I noticed that is missing from the rest of the workflow listed. Did you make the new folder a Web site in EW? EW depends upon the DWT and all files which are built upon the DWT to be managed by hidden metadata, which, AFAIK, is not possible when one is working outside of a folder recognized by EW as being a Web site.

    "So, ya feelin' lucky, punk?"

    Shyte! Wrong context. (Good quote, though). Seriously, though, all the many steps you described would have no meaning to managing the links in your site unless it was defined as a site within EW. All references would be defined file absolute. When you "copied everything to another folder" on your computer, if you didn't tell EW that the new location was actually a Web site, EW had no way to know how to manage your site, or even that it should.

    Try telling EW that the folder to which you copied everything is a Web site.

    cheers,
    scott



    • Proposed as answer by paladyn Saturday, September 6, 2008 6:13 AM
    Saturday, September 6, 2008 6:02 AM
  • Hi Scott,

    I really appreciate your help with this!  It is a great quote but I feel like EW is Clint and I'm the other guy!

    I converted the folder to a website by right clicking on it and choosing convert to web.  I lost the links to my DWT so I'll need to reattach the files (not updating the other pages when I save the DWT...unless the page is open with the DWT in EW - then it seems to find it and update it).

    So I tried a few pages and reinserted the picture...still no luck?  I tried some of my other pics that weren't made in Corel and they seem to be fine.

    Tried using it in my original files (loose collection of pages w/css made in EW but not as DWT or web site) and it still doesn't work.

    This thing is making me crazy.  I guess I could start by creating a blank website, then bring in my default htm and save as dwt, insert the picture and then bring in all pages again and reattach to dwt...this thing just refuses to show up!  All I can get is the "little box" with shapes or an x.

    EWNewbie
    Saturday, September 6, 2008 3:53 PM
  • This happens with a new image you created with Corel, in all cases, but does not happen with your older pictures, in all cases, correct?

    If so, it's the new image(s).

    See http://www.the-art-of-web.com/html/jpeg-formats/ for which browsers display which kinds of jpeg images.  Save them in RGB for full support.
    • Proposed as answer by KathyW2 Saturday, September 6, 2008 8:52 PM
    • Marked as answer by EWNewbie Sunday, September 7, 2008 4:38 AM
    Saturday, September 6, 2008 6:19 PM
  • I'll add a quick note regarding RGB color profiles.

    There are several different RGB color profiles. For example; there is Adobe RGB, Adobe RGB 1998, your monitor's RGB profile, Color Match RBG, and sRGB.

    For best performance, you should ensure that your jpeg files are converted to sRGB before saving them.


    -Preston
    Columbia, CA. USA
    • Marked as answer by EWNewbie Sunday, September 7, 2008 4:38 AM
    Saturday, September 6, 2008 6:38 PM
  • Well, this is probably going to just confuse things more but after my last reply I tried to make a simple image in Paint and bring it in...couldn't see that either.  Not sure if it's RGB or what. 
    Here's what I did next:

    Blew away the entire site (except my single page version locked up tight in a separate folder)
    Recreated the site by starting with a web site, then dwt, then htm and bringing in my content via clipboard from the native file opened in Notepad (essentially starting at square one)
    Re-exported my pics from Corel using RGB (didn't see different versions but I'm sure they are there)

    ...and Voila!  There it is working like a champ!  You guys rock!  Thanks for your help.   Sooo...will the Forum let me mark both as an answer since it was probably a combination?  

    I'm no Corel expert but I was exporting in CMYK previously - do browsers not support that because it's more of a "print" thing and RGB is more of a "computer" thing..?  I hope I can still kick out all the cool colors in Corel Draw.

    Incidentally (and I should probably post this as a separate question) but I'm guessing there's an Expression competitor to Corel that I should have purchased instead...?

    EWNewbie
    Sunday, September 7, 2008 4:37 AM
  •  EWN,

    Glad you got it working, but it's too bad you had to start over. Yikes!

    CMYK is used for color separations for printing. CMYK stands for Cyan, Magenta, Yellow, Black. The CMYK profile has been around for a very long time, so has RGB. The RGB color spaces mentioned earlier were developed for the MAC and subsequently generated for use by applications running under Windows. The sRGB color space is considered web-safe and is used by many consumer desktop printers as well as for web presentation. That's why sRGB is the best choice for jpeg files for the web.

    Corel Draw is a vector drawing application, so it is not so good for photos since they are raster files. Corel Photopaint is a highly capable image editor if you like Corel products. There are other editors out there, but I prefer PhotoShop. The full version of PhotoShop CS3 ain't cheap, so you might want to look at PhotoShop Elements, instead, if you are looking at Adobe products.

    Regards,

    -Preston
    Columbia, CA. USA
    Sunday, September 7, 2008 5:12 AM
  • EWNewbie said:

    Well, this is probably going to just confuse things more but after my last reply I tried to make a simple image in Paint and bring it in...couldn't see that either.  Not sure if it's RGB or what. 
    Here's what I did next:

    Blew away the entire site (except my single page version locked up tight in a separate folder)
    Recreated the site by starting with a web site, then dwt, then htm and bringing in my content via clipboard from the native file opened in Notepad (essentially starting at square one)
    Re-exported my pics from Corel using RGB (didn't see different versions but I'm sure they are there)

    ...and Voila!  There it is working like a champ!  You guys rock!  Thanks for your help.   Sooo...will the Forum let me mark both as an answer since it was probably a combination?  

    I'm no Corel expert but I was exporting in CMYK previously - do browsers not support that because it's more of a "print" thing and RGB is more of a "computer" thing..?  I hope I can still kick out all the cool colors in Corel Draw.

    Incidentally (and I should probably post this as a separate question) but I'm guessing there's an Expression competitor to Corel that I should have purchased instead...?

    EWNewbie

    First, congratulations on getting your site working! As for the CMYK versus RGB color models, you have touched upon the cause of the issue when you mention that CMYK is a "print thing" and RGB is a "computer thing."

    You see, it's about the physics. CMYK is a subtractive, or relective, color model. That is, light that impinges upon a surface is absorbed, in all of its frequencies, except that which represents its color. An object that you perceive as green has absorbed every other frequency of light from that which illuminated it except the frequency of green light, which is reflected back to you for the cones in your retina to perceive as green.

    Conversely, RGB is an additive, or transmissive, color model. The phospors on the back side of your monitor screen, or the elements which make up the pixels of an LCD, are excited by electrons which cause the emission of light of given frequencies. There is no reflection, and thus no absorption, which occurs in the process. The frequencies of the light emitted combine in an additive fashion to produce the range of colors that you perceive.

    This is a very simplified explanation of the principles involved, and only scratches the surface of the physiological aspects of color perception, but perhaps it helps to give you an idea of why CMYK is appropriate for print, where color is the result of reflected light, and RGB is appropriate for computer monitors, where color is the result of transmitted light.

    Oh, and don't worry about using Corel instead of another product. Although I most often work in Photoshop, I often fire up Corel for the capabilities that it has that PS doesn't, such as the superior clone tool and the image spray for which PS doesn't even have an analog. Just be sure to output in standard RGB jpeg, png, or gif and you should be OK.

    cheers,
    scott


    Sunday, September 7, 2008 5:16 AM
  •  That is very interesting and something I never really thought much about until now.  I just remember back in the 80's a friend of mine had one of the early "big screen" tv's with the red, green, and blue lights that would show out of that gigantic box in front so I figured it had something to do with displays vs. our printers at work that have the cmyk that I've seen.  You can tell I'm way behind you guys on this.

    I've been pretty happy with Corel but after I bought it I started wondering if there is a MS expression counterpart and - honestly - couldn't really tell.  Some of the Expression descriptions are a little cryptic to a newbie.  Anyway, Corel seems to be doing the trick.

    Many thanks again!

    EWNewbie
    Monday, September 8, 2008 2:40 AM
  • In theory Expression Design would be the suite counterpoint to CorelDraw. Like CorelDraw it is primarily a vector program but unlike Corel its intended output is xaml for use in Blend and Windows Presentation Foundation applicaitons.

    Expression Design when MS bought it from Creature House (where it was just called Expression) was a very nice vector and bitmap graphics but it was really gutted before release of its bitmap tools. They are hoping to bring some of them back in future versions.

    FWIW, my favorite graphic editor for the web is Fireworks. Adobe has done a good job with keeping the best parts of Fireworks and adding more features since they bought Macromedia. I was sort of afraid they'd kill it off because they had PhotoShop, PhotoShop Elments and Image Ready but they didn't.

    If you like the Corel interface stay with their line of programs or check out some of the others. The free Paint.NET is pretty good too.
    MS MVP Expression http://by-expression.com
    Monday, September 8, 2008 3:00 AM