Slice export resolution

Posted on 2005-03-30
Medium Priority
Last Modified: 2013-12-13
I am exporting a project from Fireworks, that has slices, into html so I can edit it further in Dreamweaver. My problem is that after I export, the sliced images quality goes down. For example a background that has text over it becomes patchy or blury. I have gone thru the export wizard and set it to JPG and 100%, but that doesn't seem to affect it. I think I must be overlooking a setting somewhere. Can you help?
Question by:comtekso
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
LVL 10

Expert Comment

ID: 13672016
Hi comtekso,

There are a number of reasons why you might be getting unpredictable results. I'm answering this from a FW MX (not 2004) perspective; please let me know if you're on a different version and have different features etc.

1 - Is the exported image(s) different from what you see in the Preview tab, or when you Preview in Browser (F12)? (be careful not to change any settings between operations)

2 - Did you set smoothing in the Optimise panel or Export Preview settings? This will cause blurring.

3 - I notice that even if you set JPEG Quality to 100 in the Optimize panel, it reduces to 80 in the Export Wizard. Just something to watch out for...

4 - If you started with a high-resolution document, it's possible Fireworks may have automatically reduced it to the 72 or 96 dpi that browsers are supposedly limited to. (Can't be certain of this one, but easy enough to check on.)

5 - (A more general point here) Are you sure JPEG is the best format for what you're designing? If it's only graphics, consider using GIFs. If there is a mix of graphic / photo content, you can get nice results with PNG.

Remember, the best way to get help with a particular file is to put it online so we can have a look. If you don't have your own webspace, you could use an image-hosting service like MSN Groups, PhotoBucket or ImageShack.us to upload the Fireworks doc (it's a PNG so will be treated as an image).

Author Comment

ID: 13681765
I am using FW MX 2004.

Here are some of the slices. The one that have text on them are the one that are blury. There is one that has no text and it looks fine. I will check the suggestions above this afternoon and let you know what I find.

LVL 10

Accepted Solution

Havin_it earned 2000 total points
ID: 13683085
I see what you mean - the distortion is actually the colour of the text, so it is indeed the text that's causing the problem.

For graphics of this type, I'd suggest using GIF or PNG image-type, as JPEG is 'lossy' compression applied to the image even when you set the quality to 100%. With GIF you can set the number of colours in the palette, then increase/reduce one colour at a time for best results.

Author Comment

ID: 13685007
OK, thanks. Changing it to a gif seemed to do the trick.

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Learn how to set up basic frames and paths in Prezi and understand the open space that Prezi allows you to create presentations in.
Suggested Courses
Course of the Month12 days, 20 hours left to enroll

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question