Smooth Images End Up Looking Jagged

Hi! I'm new to FireWorks. When I export images, they look
great in FireFox, but in IE, they look disastrously amateurish.
Does anyone have any advice on making sure exported images look
great in both FF and IE?
Typically, I use anti-aliasing and avoid dithering.
Thanks!

romaneagle wrote:
> Hi! I'm new to FireWorks. When I export images, they
look great in FireFox, but
> in IE, they look disastrously amateurish. Does anyone
have any advice on making
> sure exported images look great in both FF and IE?
>
> Typically, I use anti-aliasing and avoid dithering.
>
> Thanks!
>
Samples? Links to end results and PNG's are needed or we are
only guessing.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Similar Messages

Why do images within a PDF look jagged when viewed in Acrobat Pro 10.1.6?

Using a MacBook Pro running Mac OS version 10.7.5 with NVIDIA GeForce GT 650M 1024 MB graphics card. High-resolution source images look fine in other software, and embedded images in a PDF look fine when viewed on Google Drive, but curves and diagonal lines look jagged when viewed in Acrobat Pro 10.1.6. Checking smoothing options in Preferences only adjusts the position of the jagged edges; it neither enhances nor ameliorates them.
I created a sample PDF to illustrate the problem I'm having. Created in illustrator, exported to PNG and converted to PDF. Here is a screenshot of the source PNG side-by-side with the PDF I created from it:
Please note that when I preview the PDF in Finder, and when I view the PDF in Chrome using Google Drive, the image looks fine. Here's a link to the sample PDF:
http://www.sendspace.com/file/77f5m6
Any assistance is appreciated. Thanks!

Unfortunately, as I mentioned in my original post, I've already tried toggling smoothing options. They don't make the jagged edges go away—they just change them slightly. In some cases, as with the sample file provided, it does help smooth the art out, but it never looks as good as it did going in, in a recent project, toggling smoothing options didn't affect the appearance of the image at all. Zoom does not appear to relieve the artifacting.
A little clarification: this PDF was created from a flat PNG, but I have had this issue with PNGs and TIFFs as well, generated by both Photoshop and Illustrator. To reiterate, the PDFs display fine in other software—Finder preview looks great, and the same file viewed in my browser via Google Drive looks as intended as well. A colleague was able to replicate this issue in Acrobat on his Windows machine. This appears to be a rendering issue specific to Acrobat with regards to the files I use it to create.

When i am editing in finalcut, my image does not look particularly good. do i need to export it at the end in order to see it in full high definition? thx

when i am editing in finalcut, my image does not look particularly good. do i need to export it at the end in order to see it in full high definition? thx

Open FCP X Preferences / Playback / Use Original... Media / Playback Quality...
How does the exported movie-file looks like...?
Regards
Nolan

Text looks jagged when converting PDF to image using Cocoa on Leopard

Hello,
I have a program that composites the pages of a PDF into a single image with each page stacked on top of each the previous one. The program works fine, but the font rendering quality is much lower when run from anything but a Snow Leopard system. In Leopard, the text looks jagged and not antialiased properly. Does anyone know a fix for this? Here is my code.
NSString* path = [[oPanel filenames] objectAtIndex: 0];
NSPDFImageRep *pdf = [NSPDFImageRep imageRepWithContentsOfFile: path];
int pageHeight = 765;
int pageWidth = 990;
int pages = [pdf pageCount];
int height = pageHeight * pages;
NSImage *compositeImage = [[NSImage alloc] initWithSize:NSMakeSize(pageWidth, height)];
[compositeImage lockFocus];
for (int i = 0; i < pages; i++) {
[pdf setCurrentPage: i];
NSImage *page = [[NSImage alloc] init];
[page addRepresentation:pdf];
NSSize size = [pdf bounds].size;
int width = round(pageHeight * size.width / size.height);
[page drawInRect: NSMakeRect(0, height - pageHeight * (i + 1), width, pageHeight)
fromRect: NSZeroRect
operation: NSCompositeSourceOver
fraction: 1.0];
[page release];
[compositeImage unlockFocus];
NSBitmapImageRep *rep = [NSBitmapImageRep imageRepWithData: [compositeImage TIFFRepresentation]];
NSData *imageData = [rep representationUsingType: NSJPEGFileType properties: nil];
[imageData writeToFile:@"/Users/devongovett/Desktop/out.jpg" atomically: YES];
Thanks for any help you might be able to give!
Devon
Message was edited by: devongovett
Message was edited by: devongovett

devongovett wrote:
The program works fine, but the font rendering quality is much lower when run from anything but a Snow Leopard system. In Leopard, the text looks jagged and not antialiased properly.
Without knowing anything about how to draw into a PDF in code: the problem might not be in your code but in Leopard's rendering.
I bet you are testing just with Apple's own Preview app -- can you test with something else, for example, the Acrobat Reader, on both systems? There is a good chance your image is just fine.

Photoshop Elements 8 Mac - All fonts look jagged and pixely

HI,
I have the problem that all fonts look jagged and pixely when using Photoshop Elements 8 on Mac OS X 10.6.3. I am using the right image size 300dpi and so forth. Interestingly enough this only happens in Photoshop. If I repeat the procedure in Pixelmator everything is normal.
I would really appreciate any suggestions.

Are you simplifying the font layer and then making it larger? Can you explain exactly, step by step, what you're doing?

Smooth Image Blending

How to create a Smooth Image Blend with Photoshop Touch
Combine two photos seamlessly using a gradient within the Add Fade feature. You control where the fade starts and stops.
1. After selecting the "Add Dramatic Flare" tutorial, press "Begin Tutorial" to start. Tap the top layer and choose Add Fade from the & menu.
2. Drag the top gradient handle down to the middle of the image.
3. Tap the Edit Gradient button. Adjust the fade opacity by dragging the gradient stops. Tap OK.
4. Select the background layer and choose Adjustment > Color Balance
5. To match the top layer's light quality, increase the Red value by about 10%. Tap OK.
6. Tap the back arrow in the top options bar. This will prompt you to save. Press Save to save your project.
Download the attachment to view this tutorial in a PDF form.
Janelle

Hi Michael,
Could you please add some information about which platform/device you are on?
I'm not sure if you are familiar with how to work with the tutorial, you need to follow the step and then press the "forward" button in order to continue with the next step.
Is this the only tutorial you are experiencing issues with?
I think it would help if you show us some kind of screen shot of what you are seeing/encountering. A screen shot about how the document looks like when the
when opening the tutorial would probably be the best.
thanks,
Ignacio

Why does my text look jagged in Fireworks CS4?

I have had it up to here with fireworks CS4. I can't figure out why my text looks like my dog chewed on it. If Fireworks CS4 has the same text engine as Illustrator than why does my Text in Illustrator look crisp but my text in fireworks looks jagged. I tried using anti-lising but that didn't help. I know there's been a lot of text issues with Fireworks CS4 but I thought the bugs were all fixed by now. Check out the attatchments to see what I'm talking about.

I posted a similar discussion a few months ago and while many were very helpful with their suggestions I have all but given up with using text in Fireworks.
It just isn't worth the bother when other applications can do text with no fuss and no messing with sizes and resolutions. I tend to use illustrator or dare I say it, Paintshop Pro which produces text easily and clearly within a text box or over an image
I'm keeping an eye on your discussion to see if there are any new words of wisdom. Here's hoping.
Sorry I can't offer any advice

Vector looks jagged in flash stage

Hi.
I have a sudden and unexpected problem with one of my flash files.
Just opened it and when I drag an item from the library to the stage its edges appear jagged. The library item is a movie clip composed of illustrator-created-then-imported vector elements and it worked just fine(been working on it for a few days, everything ok) up to half an hour ago. Does anybody have any idea what might have happened? It only looks jagged on stage, when exporting it's a perfect vector, in the library it looks normal - it only looks crooked when I have it on stage.
I'm thinking that maybe by accident I have changed some anti-alias setting? but unfortunately I have no idea what exactly - or even if it's possible.
Thanks.

Nevermind, fixed it myself, had accidentaly clicked a preview option I should not have, but didn't bother to check that . Sorry

Is there a filter for a border that looks 'jagged'

I'm looking to pull out a piece of text from the body of a news story (actually, I'll re-create the text). I want to put one of those "ripped" looking jagged borders around it so it looks like it was ripped out of the story. Kay

Go to your local uhaul place ask them for 1 sheet of that blank newsprint they sell for wrapping breakables when you move. Make some artsy tears. Scan the torn piece. Take it into photoshop, remove everything that isn't the paper, mexport as a png file to keep the alpha, bring into fcp, add type.

I cannot stop my pen and brush tools from looking 'jagged' instead of smooth (like a zigzag pattern). Mac user. Thank you.

I cannot get my pen and brush tools to look smooth instead of jagged. They look like 'zig zag' patterns. Using Mac/photoshopCS5. Suggestions? Thank you.-Lynn

Look under Brush Tip Shape and look at the spacing settings or that spacing is not unchecked. (the default spacing is usually 25%)
For tapered strokes set the Size Jitter under Shape Dynamics to Pen Pressure, then the size varies depending on how hard you press the pen on the tablet.

Vector shapes suddenly looks jagged when exported from InDesign to pdf

I've read several discussions on pdf export topics but none of them seem to solve this issue. I have an indesign document with multiple pages, its both vector shapes, text and pixel graphics. I worked on this for weeks and I exported this document to pdf numerous times and it all looked good every time I did it. All of a sudden I started to get a very bad looking export, just out of the blue the shapes, logos etc got this jagged look and it looks aweful - see my enclosed examples.
I have done nothing to my pdf export setup, InDesign setup or any screen preferances. It's just a mystery to me. It seems to be hurting all my sirculare shapes and not my text in general! Every pixel image / photography exports perfect to pdf. My page display is set to smooth text rendering in my pdf preferences. What's up? What puzzles me is this happened so sudden after numerous fine exports. I'm using InDesign CS6.
This is the O in a logo that's been placed on a page. The right one is what I get when I export to pdf now, the left one is what I used to get

John, your are very wrong about post #2. I personally had a rendering problem that was all solved by setting the opacity to 99.9% - it was exported horribly but fixed by this operation. You can read other user stories that confirms this too. But this is not the same issue so let's leave it at that. I just wanted to mention it in terms of having jagged exports.
There's been no updates thats been changing the Acrobat settings. Acrobat has a default setting in terms of page display that I haven't changed ever as a matter of fact. I shared that info in case someone asked. I'm not connected to any printer, the file is for screen view and third partie receivers can print if they need to (I'm not connected to any printer at work, there's a no print policy). Watching the corporate identity material look terrible on the screen is hardly something a marketing manager likes to do and I don't wanna be the designer responsible for that. So all I want is to solve this mystery and get things back to how it was just two days ago. As described nothing is changed in terms of technical things AND the same terrible results occur when opening a new indd file with a new vector file and exporting that. So the error is not connected to a spesific document or file.
I remember having export rendering problems of all kinds in CS3, CS4 and CS5, it was all sort of quirky operations I had to do to solve them. Once I actually sat on the phone talking to a technical advisor at Adobe in Ireland while he was trying to explain that this was one of those weak spots of InDesign vs Acrobat. I was emailed a script, if that's not a bugfix I don't know what is. He tried to explain how to embedd the file into the installation setup but the end of the story was a full CS4 MA Collection refund. I'm trying to avoid placing foreign calls this time around and nothing has helped so far. I've been reading endless forum threads different places that describes the problem I have but they never end up with a solution for InDesign CS6 and export routines. It's just a series of errors and questions. I've turned the stone a million times, but all I see is...stone

Smooth image pan

Sorry I'm a noob
I import images into flash but when I use motion tween to pan
them, they play all jerky, like 3 or 4 FPS. My timeline is set to
24fps. The other animations play smoothly, its just the imported
images that are jerky.
I hear flash 8 can make it smooth but the file won’t be
compatible with old flash players. A lot of people I know still
haven’t upgraded. I would like to make it compatible with
flash 7 or hopefully earlier.
Any suggestions would be greatly appreciated.
Thanks!

Thanks Dave, really appreciate the time you've given to try and help me. Woke up to a stack of snow here in the UK - we're not used to the white stuff.
I've tried rendering to 50 frames per sec and no difference in stuttering movement. I've been looking more closely at the RAM preview and although it runs in real time, there is a slight stutter in places (at 25 and 50 frames/s), although much smoother than the rendered pan, which is bad. When compressed in Premier to H.264 it looks even worse.
I've been searching the web for postings on this subject, and on this and other forums, the same question has been asked many times and I haven't found the situation resolved by the end of the thread - where some guy goes 'yeah thanks that's real smooth now'! Also, I've seen lots of smooth pans done with a camera on video clips but I can't find a smooth one done from a still image rendered by software.
Cheers
Steve

Smooth image scaling is not so smooth

Okay, comparing jdk1.6.0_05 with Photoshop CS2 with respect to their ability to do smooth bicubic scaling is a bit unfair.
However - the end result is so different, that I'm tempted to report this as a bug.
Code:
g2.setRenderingHint(RenderingHints.KEY_ALPHA_INTERPOLATION, RenderingHints.VALUE_ALPHA_INTERPOLATION_QUALITY);
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
g2.setRenderingHint(RenderingHints.KEY_DITHERING, RenderingHints.VALUE_DITHER_DISABLE);
g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BICUBIC);
g2.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);* [Original image 1028x2000 GIF|http://konzoomer.com/3-0020662000064.gif]
* [Scaled with Photoshop CS2 122x237 JPG|http://konzoomer.com/3-0020662000064-scaledWithPhotoshop.jpg]
* [Scaled with Java 6 122x237 JPG|http://konzoomer.com/3-0020662000064-scaledWithJava1.6.0_05.jpg]
So - is there any way to get closer to the photoshop result? Have I missed a vital rendering hint?

Steel wrote:
Even though he was posting an advertisement, I think he is right: A single recomendation for a commercial product isn't treated as a violation of the CoC. All the user karimchik posted for the last 3 years were links to the same commercial product.
There are sites and forums which have announcement and advertising sections, where such persons may post without violating any rules. This doesn't happen to be one of them.
Identified advertisers will be blocked without mercy.
Still, I hope someone at Sun will look at this sometime.Um, you'll only find volunteers here. AFAIK there are no Sun employees who frequent the forums.
Maybe you could consider filing a RFE.
db

.PDF image's blacks look grey in Adobe Acrobat Reader

I need to save my design as a CMYK .PDF file and I have created the image in Photoshop CS6 in RGB, changed the image mode to CMYK, for black used C:40 M:40 Y: 20 K:100, and when saved the file as a Photoshop .PDF- it opens in Adobe Acrobat Reader looking washed out and grey. I only used three colors (black, white, and red) and the black is the most noticeably greyed out. The red also looks slighty washed out. But the weird thing is- when I open the .PDF in Photoshop, all the colors look right.
I've tried googling this and messing around in Photoshop and Adobe Acrobat Reader all day and just can't come up with a solution.
I don't know a lot about this kind of stuff so I'm really lost. I really need the file to be the right colors in .PDF. Please, can anyone help me?
Below is a comaprison image of the design .PDF file opened in Photoshop versus opened up in Adobe Acrobat Reader:
This is truly driving me crazy.

Thanks Viking, I was hoping to get some suggestions on how to go about creating PDF's from OSX (Quartz) that will look acceptable in the "default" PDF reader of clients and colleagues. Most are likely to be some version of Adobe so I'm wondering what others do in this situation.
I've tried using the PDF resident fonts and they still look quite "blocky and jagged" on Adobe Reader. They still print out fine - it's just the screen rendering in Adobe is sub-par.
I've sent a version of the doc in Word to a colleague who printed it to PDF on his PC and it come back looking much better on my version of Adobe Reader and quite good in Preview. Admittedly the version I PDF'd in OSX looked better on Preview.
So if you have a bunch of potential readers of PDF's what's the best approach to get them to render "acceptably" on screen? At this stage it would seem the solution is to NOT use a Quartz driven PDF tool (ie avoid any of the native Mac apps) and buy Adobe Acrobat or a Windows PC to produce PDF's from?
I get the feeling I must be missing something basic here? I'm not looking for publishing quality output, just a PDF where the fonts dont look flaky when rendered onscreen outside a Quartz environment.

Photoshop CS4 new Smoother Image Viewing problem

Photoshop CS4 now appears to make images look smoother than ever, however, when I'm working on images which have hard aliased edges, the images look blury and actually make me feel like my eyes are out of focus. It's very disconcerting. I've not found a way to preview the CS3 way so I've had to revert back to using CS3 at work. This problem represents a show stopper for me.

I'm on the phone with HP tech support about this problem. He said he's gonna charge me to fix the problem and than he put me on hold. I'm waiting to find out how much money I've saved. You put some dollars in my pocket. Thanks!!!!!!

Smooth Images End Up Looking Jagged

Similar Messages

Maybe you are looking for