Saving to HTML in ImageReady - DPChallenge Forums

04/17/2006 12:57:20 AM · #1

Does anyone know how to keep my site from pixilating so badly? It seems to save all the images in GIF including the backgound.
Here is a sample...

The grey under the photo was completey smooth with a heavy blur. It's not utterly horrible but I don't think I should present my images this way

Sigma 24-70mm f/2.8 EX Aspherical DF for Nikon

04/17/2006 12:16:50 PM · #2

BUMP!

Apple iPhone

04/17/2006 12:18:49 PM · #3

i'm not sure why you are saving to html ?

can you explain what you are doing in more detail, please?

Message edited by author 2006-04-17 12:19:51.

hanneke

Canon EOS-5D Mark II

Canon EF 24-70mm f/2.8L USM

04/17/2006 12:19:38 PM · #4

you use Save for web? There are some options when doing this, save as JPG High for example. I'm sure there is a way to do this!

LeeD

Canon EOS-30D

Tamron SP AF 28-75mm f/2.8 XR Di for Canon

04/17/2006 12:23:59 PM · #5

The main problem is the GIF format. It's an indexed color format and drops out "unusued colors". You are better off using a highly compressed JPEG format than GIF for photos. GIF works better for graphics, buttons, etc... things where you have better control over what colors are used. The palette on a photo is simply too dynamic to use GIF.

If you're trying to save images for a website, I would recommend using PS and the "save for web" option. Save as a jpeg and adjust compression/image size to suit your needs. I usually compress the crap out of my images to use online. I compress them as much as I possibly can and still maintain image quality.

Message edited by author 2006-04-17 12:24:59.

04/17/2006 12:24:08 PM · #6

OK- I setup my site in PS then open in Image Ready to insert the rollovers and then save optimized as- once all the pages are done I'll open it in Dreamweaver to setup all the links.
I'm pretty new to this but I did a fair amount of looking around at the savng options to see if it would get any better- no luck so far...

Tamron SP AF 28-75mm f/2.8 XR Di for Canon

04/17/2006 12:24:43 PM · #7

Originally posted by Palmetto_Pixels:

I'll try that now- thanks :0)

LeeD

Canon EOS-30D

04/17/2006 12:27:03 PM · #8

Originally posted by oOWonderBreadOo:

IMHO, you've got an extra step there. I use PS (or Fireworks for buttons) and create my rollovers as separate files. You can then use Dreamweaver to set up your rollover file(s). No need to use Image Ready.

Edit to add....
If you have Dreamweaver, you should do all of your layout set-up there. Use tables in Dreamweaver... lots more felixibility and more control over your final product.

(My $0.02 USD)

Message edited by author 2006-04-17 12:29:13.

04/17/2006 12:32:31 PM · #9

I don't know anything about Fireworks but my rollovers are not the image themself- mouse rolls over & pic pops up on the side...

man, I tried so hard to use tables in Dreamweaver but I could not get things where I wanted them!

Also the save for web thing is not the problem... maybe it will be better once I save for web from Dreamweaver Although I thought I would be opening the HTML file which is already messed up looking? (I'm not at that step yet)

Message edited by author 2006-04-17 12:33:12.

Nikon AF-S DX NIKKOR 18-200mm f/3.5-5.6G ED VR II

04/17/2006 12:32:40 PM · #10

oops dupe

Message edited by author 2006-04-17 12:33:00.

IndigoButterfly

Nikon D7100

04/17/2006 12:54:21 PM · #11

You might try doing *only* the images (as someone suggested Photoshop above), then replacing the ones in your "save as html" area with your new creations.
Hope that helps.

:)

goldenhawkofky

Canon EOS-400D Rebel XTi

Sigma 50mm f/2.8 EX DG Macro for Canon

04/17/2006 12:58:32 PM · #12

Originally posted by oOWonderBreadOo:

Does anyone know how to keep my site from pixilating so badly? It seems to save all the images in GIF including the backgound.
Here is a sample...

The grey under the photo was completey smooth with a heavy blur. It's not utterly horrible but I don't think I should present my images this way

in Imageready open your optimize pallete, there you will find the options to switch from gif to jpg and set the quality etc...

LeeD

Canon EOS-30D

Tamron SP AF 28-75mm f/2.8 XR Di for Canon

04/17/2006 01:34:35 PM · #13

Originally posted by goldenhawkofky:

in Imageready open your optimize pallete, there you will find the options to switch from gif to jpg and set the quality etc...

Is that a global setting? Meaning does that set the quality for all images on that page? I've never used ImageReady (more of a Dreamweaver guy myself), but if you set a constant image quality for all images, it seems that wouldn't be the best way to "optimize" your site. Some images may require low compression to maintain quality while some might stand a fair amount of compression before image quality starts to fall off. To me it's better to treat each image separately to maintain highest quality and maximum optimization.

Message edited by author 2006-04-17 13:35:09.

04/17/2006 02:38:41 PM · #14

Thanks for you help guys, I'll try your suggestion Greg when the kids are asleep tonight & post how it goes here :0)

I had all my images at a pretty good size (around 50kb) before I opened them in IR and still looking good. So each image was done seperate in the first step... (it's the second one I gotta get down!) Thanks Lee!