IE causes jagged edges of pngs

Is there a reason or a work around for a loaded png to be jagged in internet explorer and not in firefox or safari?
Can I smooth loaded jpegs? Will that work for this issue?
See attached, thanks!

bitmap.smoothing = true;
Fixed! Not sure why the other browsers don't need it but a simple fix! Hooray!!!

Similar Messages

Saving Shapes to PNG Causes Jagged Edges

Hello,
I use a Mac and I have Illustrator CS6 and I've noticed something strange. I create shapes using the pentool. When I save the shape to a PNG with a transparent background, it looks smooth, however when I import and resize the shape it pixelates and it has jagged edges. I've attached a screenshot so you can see what I mean.
I'm wondering if it's a setting or something that I don't have turned on (or off). Or perhaps it's something else. I'm curious why this is happening. I’ve turned on the Anit-aliased Artwork and changed the ppi to 300…but to no avail.
Any help would be appreciated…but I’m new to Illustrator and have no idea, so please use detailed and basic instructions that a noob can understand.
Thanks in advance.

peta2005 wrote:
however when I import and resize the shape it pixelates and it has jagged edges.
You answered your own question. A png is a raster image therefore resizing the image will pixelate it.

Images imported from QT exported image sequence have jagged edges

Hi
I've come across something strange which I'd like to resolve.
I export an image sequence from QuickTime.
I then import this into Aperture.
But the images imported into Aperture now have jagged edges where there has been any movement in the original footage.
The images originally exported from QuickTime look absolutely fine when viewed with preview, they have the expected blurring on moving objects, but no jaggedness.
Now, a bit more detail.
The footage I'm exporting from was shot by me and came from a Final Cut Pro edit.
The codec in the QT movie is Apple Intermediate Codec and this is interlaced.
The jagged edges on movement look to me like the problem of interlaced not being converted to progressive.
However the exported images from QuickTime don't display this when viewed in Preview, it is only when viewed in Aperture that the jagged edges become apparent.
I have tried exporting from QuickTime to jpg, png and psd, but the problem is identical no matter which format I use.
I really want to now use Aperture to improve these exported images, but with this jagged edge problem I can't.

Hi JNorris--
Sounds like you need to apply the deinterlace filter (Effects tab: video filters: video: deinterlace) to the stills your exporting.
See if that makes a difference to start.
T.

Jagged Edges on Images in Dreamweaver CS3

When placing an image with a transparent background in Dreamweaver CS3, I keep encountering ugly jagged
edges, whether I save the image as a .png or a .gif. I've tried everything I can think of to eliminate this problem,
and still the same results.
The only thing that has worked to eliminate the jagged white edge has been to place a background layer behind the image,
but that poses yet another problem because the hex colors in Photoshop and Dreamweaver will not match either.
Frazzled!! Somebody please help!

That's not a problem with DW. The jagged edge you see on your phone image is a jagged edge on your phone image!
I got a bit of a better result after about 5 minutes fumbling with the eraser in Photoshop:
http://www.martcol.co.uk/test/phone.html
It shouldn't take too much to get your original good enough to lose that jagged edge.
Martin

How do I remove white jagged edges after making image transparent?

How do I remove white jagged edges after making image transparent? Is there a feature to help out with this?

It's a file format limitation. GIF supports 1 bit of transparency. That is 2^1 (which equals 2 total) levels of transparency. This equates to either NO transparency at all, or specifying 1 single color of the 256 total possible values to being fully transparent.
This will leave a very ugly fringe around the edge no matter what; it will only not be visible in color that match or are close to the fringe color; and then, that's a perception issue.
Try creating an alpha channel and saving the image as a PNG. That supports 8 bits of transparency, which equals 2^8 or 256 total different levels of transparency. This will let your image have very smooth edges with no jagged transitions.

The end of jagged edges in iMovie using stills

It took an astonishing 14 months, but I have finally beaten the dreaded jagged edge quality issue in iMovie when using still photos. If you're reading this, you're a sufferer. How could the software be so bad as to ruin every picture you put in there? It's all about knowing the settings, and that can be difficult without some help.
It feels as though I've really gone through the mill with this programme, but here's your fix - or at least, a fix that worked for me.
Initially, I was using the first version of iMovie and the first version of OSX. In that environment I found the problem unsolvable. I didn't get anywhere until I upgraded to Panther (10.3.9) and iMovie HD 5.0.2. Here there are many more options and settings, but it is still a minefield. I tried almost every setting there is, and have the 'coasters' to prove it.
My fix is for widescreen. Choose HDV720P. Select your frame rate in the preferences box at 25 (which is PAL for use in the UK) And that's it. It produces a stable, high quality movie where all the effects available work perfectly - and no jagged edges!
If, as I do, you use Photo to Movie for more adventurous multiple pan and scans for sections of your movie, export from that software using 'higher quality' on rendering, select 16.9 widescreen, and DV stream PAL as your export format. This stops iMovie from trying to resample it, and very possibly giving a choppy or jerky movement to your imports. Using the above settings will give a perfect result, and you can freely use iMovie's transitions to join an imported item to footage created in iMovie.
I've now produced many very successful movies on these settings. It works for me, I really hope it works for you. iMovie can drive you up the wall when it doesn't give the results you know it can be capable of.
Quicksilver G4 Mac OS X (10.3.9)

Thanks for the idea, Steve. I like working with the HDV 720P high def projects for slideshows too. The quality is awfully nice to work with and it delivers projects that will work far better with tomorrow's hardware. Although we can't burn HD DVDs yet, hopefully that day will come soon, and the HDV slideshows we create today will look very good on the HDTVs we own tomorrow. They look good today, but they will look even better tomorrow.
It should be noted, however, that it's not necessary to create an HDV project to avoid the jaggies on still images. The cause of the jaggies in DV projects -- the type of projects we mostly make -- is well known and can be avoided. It doesn't require third-party software like Photo to Movie, but it does require avoiding a bug.
iMovie adds the jaggies after we press the Create iDVD Project button in the iDVD tab of iMovie. When that button is pressed, iMovie will ask permission to render any UN-rendered clips, including any unrendered KB images. If you grant permission to render, iMovie adds the jaggies while rendering those images.
If the clips have been previously rendered by Ken Burns, or if you refuse permission to render after pressing the button so iDVD renders them later, you don't get the jaggies.
I use Ken Burns to render images as they are imported, which it does with great quality. Once rendered, iMovie won't ask to render those images again. One reason I render with Ken Burns is so I can grant iMovie to render OTHER clips when it asks permission.
Ken Burns will render the image if the KB checkbox is turned ON when the image is imported. So turning on the checkbox avoids the bug.
If the checkbox isn't on when you import an image, you can select that KB clip in the timeline later, turn the checkbox ON, and Update the image.
Regrettably, once iMovie has added jaggies to clips they cannot be repaired. It's necessary to re-import the image and discard the flawed clip.
Karl

Clip within a clip equals jagged edges

I have placed an video clip (Dad) incide of another video clip (son) to look as if the Dad is coming in over a video telecast on a black laptop. Problem is I am seeing jagged edges along two sides of the Dad clip. Is this caused by aliasing? Is there a way to smooth out the edge? Thanks!
alex

First, are you looking at the output on an NTSC monitor or television, or on your computer screen. The computer screen will not give you a true look at your final product and this type of issue is often "not really there"
If it is "really there" after checking output on a monitor or television, you might try feathering the edges of the "box" (MOTION > CROP > FEATHER EDGES)
rh

Can't get rid of jagged edges of aligned objects

I have the annoying problem of jagged edges on aligned objects in Illustrator. This image demonstrates it well: http://i.imgur.com/AIyK6vK.png
You can see the white background shining through where objects align to each other. I thought this was only a display thing which wouldn't show up on print or export, but I get the same aweful results when exporting to png, pasting as a smart object in PS etc. How do I fix this?
Thanks!

I've tried that aswell and it looks a bit better, but that isn't always (never?) a good solution.
Jacob, I've had no luck with the other thread, I was already using smart guides. This is a strange problem. I've not seen a lot about this anywhere else, don't you guys have this issue?
There is one better solution than a background layer. Select all objects and offset the path buy a very small number, maybe 0,01 mm but that is also more of a "hack" than a real solution..

Vector Circle Has Jagged Edges - Why?

I'm creating a button logo in Fireworks for print use and
wanted to use Vector shapes as I thought they didn't distort.
I'm working in CMYK at 300DPI.
So I start out with a white vector circle for the outer-ring
to the button using an Anti-Alias edge:
White
Button
Then I add the inner vector cirle, same deal as before:
Blue inner
circle
So far so good.
Now I add an outer bevel effect to the blue circle to give
the button effect and....
WOOOOOAAAAHHH!!!!
The blue circle's edges have gone jagged! What happened
there? I thought that Vector shapes retained their edges because
they weren't confined to tiny pixels. What's going on, why aren't
the edges retaining their smoothness once I've applied an effect to
the shape?

For now, if you recreate the effect with an inner bevel
instead you will
get rid of the jaggies. (softness = 7)
alex
thedrumdoctor wrote:
>
quote:
Originally posted by:
Newsgroup User
> thedrumdoctor wrote:
> > I tried the an export as a 24 Bit PNG and the edges
remaind jagged.
> >
> > I tried the same experiment in Photoshop with the
Vectors shapes there and
> the edges were perfect. Looks like Photoshop wins!
>
> Not sure what I am doing differently. I created a 300
dpi image in FW,
> drew the circle, filled it with blue and added a soft
bevel. No jagged
> edges. At 100% magnification things look fine on screen.
>
> Did similar in PS and got a very similar result,
although the bevel is a
> bit smoother.
>
> Are you referring to printed work, or screen work?
>
> Would really appreciate seeing the original png and
samples of the
> Photoshop vs Fireworks end results. If it's a
reproducible issue, it
> should be reported as a bug for future releases.
>
> --
> 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/
>
>
>
> Well, I've repeated the exercise with a new png file and
uploaded it here
>
http://www.nlauro.f9.co.uk/images/test.vector.circles.png
>
> As you can see, the edges are still jagged on the blue
circle. You can
> download this and see for yourself anyway.
>
> This was done in Fireworks MX so I'm not using the
latest release of Fireworks.
>
> The shape was eventually destined for print work by the
way. As much as I
> don't like the clumsy way PS forces you to create vector
shapes, it produced a
> near perfect smooth edge on the same experiment.
>

Fireworks cs4 - jagged edges on png32

Please open the fireworks png and see the jagged edges of the buttons on the black background. The icons are set to png32... why am i getting jagged edges and how can I fix

Hmm.
How's this?
I took your .png, doubled its size (Modify>Transform> Numeric Transform and Scaled it by 200%), exported it as a 24-bit .png, brought it back in and reduced it to 50%,back to its original size.
Since the shapes were vector based, they were smoother at the larger size, prior to export/opening/reduction.
If you do this, you should probably put your icons on a larger black background, so there are more black pixels to anti-alias against and work with on the scaling steps.

Jagged Edges help

I am kinda new to illustrator and would like to now how to do the followng.
Ok here is the logo for my site http://i840.photobucket.com/albums/zz323/smarto14/trailscotlandlognewgygy.png
How do I draw this so its smooth and there are no jagged edges.
I need the logo to be as high quality as it can be because it is going to be used for t-shirts.
Can someone help me out please
ps. If anyone feels like re drawing me this then go a head.
Cheers

>@ Ru: u drew it um: inaccurate anyway...<
I drew it inaccurately for a reason. I could have easily traced his file, but chose to do a clean offset of a not so clean file. You spent the time to verify that I didn't draw it accurately. Good for you.
>this forum isn't for free help or imagine what will become of it.<
This forum's sole purpose is tor people who use Illustrator to seek and receive free help. That's what Meatball14 received, and it gave him the info he needed to create it himself.

Jagged edges when playback is at 100%

I am on a Mac using CS 5.5 OS X 10.9.5
When I play back Sony NEX and Sony EX- 1 Clips at 100% I get jagged edges. When the clips are stopped or playing back at 50% the edges are smooth. What is the cause/remedy for this behavior. I would like to see smooth images no matter what the resolution.
The NEX produces .mp4 and .MTS files and the EX- 1 are .MP4,
Also when importing footage into PrePro via the import dialogue I can preview the NEX files but I can't see any previews the EX-1 files.
Thanks in advance

OK.
No need to be concerned at all.

Background masking / jagged edges

was wondering about how i get jagged edges sometimes when masking out a background.
i'm working on a document right now that is 59" x 39" at 72 pixels / inch resolution. when masking out some areas of the background, i notice jagged edges around the parts of the document that i want to see (or not masked out). is this due to the image being at 72 ppi?
i don't always have this happen, and i'm wondering if the difference is b/w images that are 72ppi and 300ppi.
also...in order to avoid the jagged edges, is it best to feather the selection a bit (i.e., 1 to 2 pixels) before applying the mask?
thanks in advance for any feedback!!

hey, zeno...
yes...i am using the pen tool, and the anti-alias box is checked.
i'm going off memory here....but it seems different results happen when using the pen tool, making a selection, then deleting the unwanted image as opposed to masking it. i typically use the pen tool and don't always get jagged edges. i'm trying to figure out what causes the difference.....or maybe i'm crazy...

Jagged edges using DVCPRO 50

yeesh.
We are capturing footage that was shot at 24 fps, 16:9 anamorphic standard def on an SDX900 camera using on DVCpro tapes, off of an AJSD93 deck over firewire. We capture with the DVCPRO50-NTSC codec, and have tried both 23.98 and 24.
and we are PLAGUED with these frames with horrible jagged edges. This appears to be an interlace/field dominance problem, but uh it was shot progressive. Any of you masters got any ideas?
below is the example frame
Using a quicksilver g4 finalcut 5.04
Thank you so much!
Dillon
g4 desktop Mac OS X (10.3.9)

Please pardon the intrusion…
Hi, Randy!
Congratulations on advancing to Level 4!
At the Water Cooler in the Level 4 Lounge, we are throwing virtual confetti in celebration of your attainment of Level 4-dom. Would you care to join us at the Water Cooler?
On the Discussions Home Page, down at the bottom, you will, hopefully, soon find the Lounge link available to you. It should show up for you within the next 24 hours if all goes as it should, but they have been "experiencing some technical difficulties" sometimes resulting in long and unforeseen delays. Have faith, keep looking for the link on the Discussions Home Page, and we'll keep the party going until you get there.
Hope to see you soon!

How do I get rid of jagged edges in Photoshop?

Can someone tell me how to get rid of jagged edges in Photoshop? I've tried using the refine tool and checking the anti-aliasing/smooth option, but neither appears to work. Here is the problem. I use Photoshop to create the images for heat transfers that I press on to T Shirts. In transparent mode, I cannot see the edges, nor can I see them once the transfer has been printed, but when I press the image on to a T-shirt the edges are extremely jagged. Also, when I add a solid blue background in Photoshop, I can see the edges. I am using the TW Cen MT Condensed Extra Bold font (140.13 pt).
Additional Questions:
Are there fonts that inherently behave this way when stretched?
Are there fonts that hold up more consistently when stretched?
Will rasterizing the image resolve this problem, or at least give me a higher quality image when stretched?
Is there a way of using inches instead of points for font size and if so, where do I change it?
Is there anyone out there who uses Photoshop to create text and images for T-Shirts? If you have the answer to any of my questions, please respond ASAP. It is extremely important that I be able to get consistent results clean, smooth images that transfer well onto fabric. I am attaching my text image on transparent background, as wells as a solid blue background. You may have to zoom in on the gold and black image to see the jagged edges on the fabric.

You have AA set to None in the Options bar is my guess. Use whatever option looks best, but never use None.

IE causes jagged edges of pngs

Similar Messages

Maybe you are looking for