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

Similar Messages

How do you add text to an image in dreamweaver cs3?

does anyone know how to add text to an image in dreamweaver cs3? someone help me im stuck

Hello,
pardon, your question is still formulated in too general manner, for me at least, because there are several possibilities for these things. Please take a look on Nancy O.'s templates and tutorials, for example here:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
http://alt-web.com/TEMPLATES/Dark-Grid-II.shtml
http://alt-web.com/DEMOS/CSS-Clickable-Table-Cells.shtml and not to forget:
http://alt-web.com/DEMOS/CSS-Sold-Out-Text-over-image.shtml
you will come away with many ideas and suggestions about adding text to an image.
Wish you a joyful "poking around"!
Hans-Günter

Background image in Dreamweaver CS3

When I set my background image in Dreamweaver it shows on the "Design", although when previewed on a browser it does not show. I've checked the directory and it seems fine. What is causing this?

Modify-->Page Properties, Im using css but not for the page background. I tried previewing the page locally and I have tried it on the server. The entire site root folder was uploaded which has the background.

.jp2 images in Dreamweaver CS3

I recently discovered jp2 images. I downloaded a plug in that lets me open them in CS3 Photoshop - though I still can't export images as jp2 images in Photoshop. No problem; I downloaded Pixelmator, which does the job.
But when I inserted a jp2 image in a Dreamweaver file, I discovered that the image doesn't display in my browser (Chrome or Firefox). If I try to view the image alone - MySite/image.jp2, then I can see the image - in Firefox only. Chrome asks me to update QuickTime, or something like that.
I seem to be having some kind of problem with plugins, because I can't watch YouTube videos with Chrome or Safari, but I can view them with Firefox, so I'm really confused.
But if browser plugins are the problem, then I probably shouldn't be using .jp2 images on my web pages, anway, because my visitors could have the same plugin problems.
Anyway, can anyone tell me if 1) there's a plugin I should download to enable me to insert .jp2 images on CS3 Dreamweaver pages, and 2) if there's some sort of trick I should know about to make .jp2 images display on web pages?
Thanks.

The problem is not import or not the image, JPEG 2000 is not part of standard HTML, so can not be viewed in browsers within a page, Firefox probably has the ability to open, but not as part of the html , is like trying to make the browser open an Excel file without having to download

Preparing images for Dreamweaver cs3, using InDesign for templates

Hi, I'm about to start putting all my files together for my
website, but need to know in what form to save my images. I know
they should be jpegs or gifs, but what resolution, and what size?
Should I size them close to the size I want to see them on my
website? For example if I want to make a little linked (like a
thumbnail that you click on) image of a painting, and have the full
size image of that painting open up, should I save that image in
two different sizes?
Also, the tutorial I'm learning from says I can make a
template for use in Dreamweaver, with Photoshop or Illustrator, but
I'd rather use InDesign. Can I use InDesign files as templates in
Dreamweaver? If so, in what form should I save them?

> Can I
> use InDesign files as templates in Dreamweaver?
it won't be of any practical use, except to print out and use
as a guide.
on the images, make them the PIXEL size they need to be in
the web page.
If you aren't sure yet what exact size they will be, make
them a bit
oversize. Then after changing the html display size of them
in dreamweaver
(click on the image, then press shift key and drag corner of
image to
resize) you can jot down the pixel size shown in the dw
properties
inspector, and resize the image in an image editor to those
pixel
dimensions. For a resolution, just use 72 ppi as a number to
put there.
It's the pixel dimension that matters.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Exported Images Have Jagged Edges

I was wondering if there was a way to eliminate the jagged edges on images exporting from a sequence in Final Cut Pro. I want to use stills from my video as the menu background for my DVD and I want to have as nice of an image as possible.
I am working in SD with video captured from a Sony VX2100 if that makes a difference regarding quality.
Thanks for any and all help.

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 after rotating a stroked image

I've have this problem a lot but I guess I'm just now getting around to ask about it.
When I have a photo in cs2-cs3-cs4 etc and I rotate it at an angle I get fine jagged edges all along the sides. It's becomes very pronounced in a stroked image even when I I stroke the image after rotation. The problem is more obvious when the image is not at angles like 45 or 90 degrees but more visible at in between angles.
Any suggestions?

ryanroy.roy wrote:
I've have this problem a lot but I guess I'm just now getting around to ask about it.
When I have a photo in cs2-cs3-cs4 etc and I rotate it at an angle I get fine jagged edges all along the sides. It's becomes very pronounced in a stroked image even when I I stroke the image after rotation. The problem is more obvious when the image is not at angles like 45 or 90 degrees but more visible at in between angles.
Any suggestions?
What you are seeing is alaising, and it is inherent in raster graphics when the line to be shown is not parallel to the columns or rows of the image.It can be mitigated to some extent by antialaising, which softens the edges of the diagonal lines. When you select all of an image and stroke for a border, antialaising is used. With the polygonal lasso tool, you can turn antialaising on or off. Alaising is less apparent with very high resolution, but it can't be elilminated.
Here are triangular selections with antialaising turned on and off:

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.

Dreamweaver CS3 Not Displaying Some Images

Hi,
About a week ago, certain images that have always displayed
correctly within Dreamweaver started appearing as the "broken page"
icon. A table background image I just created today decided it was
going to act up as well. These images display fine in all the
browsers, and the web pages I'm designing look right. But not being
able to see these images within Dreamweaver makes designing very
difficult. Any ideas?
I am using Dreamweaver CS3 on a Mac Pro at work.
Josh

Looks like my message got lost. Would really appreciate some
help on this as I have to use this software every day. Thank
you.

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.

Dreamweaver CS3 Insert Image

I'm trying to insert an image onto my page. I typically
receive a prompt saying:
"You won't see the element unless View > Visual Aids >
Invisible Elements is checks, and the preference setting for this
element is on"
It puts the following text on a new balnk page without a
prompt:

<title>
<MMString:LoadString id="insertbar/image" />
</title>
I'm really lost. The Visual Aids is grayed out, however the
Invisible Elements is checked.

Bad url.
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"cavemanlawyer15" <[email protected]> wrote
in message
news:g2moo6$28i$[email protected]..
> I used Dreamweaver CS3's Insert | Image Objects |
Navigation Bar feature
to put
> a nav bar in a site. On the Products page (using IE 7)
the nav looks
great
> (apologies for the spaces in the URL):
>
>
http://www.clicksh arpma
rketing.com/beta/brum/products.html
>
> But click to Company or Contact and the logo at the top
right gets
clipped --
> any idea what is happening?
>
> Thanks very much.
>

Jagged Edges on Raster Images in After Effects/Encore

I've been working on a project that uses movie files made in After Effects and then brought into Encore to create a DVD. The problem I'm having is jagged edges appearing on raster photo images - things like people's chins especially look jagged. All looks ok on my monitor/computer, but once I watch it on my flat screen TV I get these jagged edges. I've tried transcoding Progressive in Encore but that didn't help.
Someone please help me!!!

Yes, it's MPEG compression, and no, there is no "flip a switch" magic cure. Probably what happens is:
- you are not suitably color correcting your image, resulting in oversaturationthat's bad for compression
- you have thin lines and only slightly angled edges on the photos
- you are not using motion blur
- you have overcranked our TV's colors
- the TV does some image processing/ scaling/ frame rate coversion
These ad a million other things will conribute to percception of poor video, but as I said, geerally there is no simple solution here. Compression isunavoidabl, but there are of course ways to improve the results. You should do a little reading up on this. O the AE side you may improved by choosing suitabe renderr settings, using a tiny bit of blur, enabling motion blur, chnaging the motion of the items, adjusting their colors - whichever works. Again, no geeral recipe here. Good compression is a art we all have had to learn over the years ad the best advise can't replace persoal experience.
Mylenium

Jagged edges around inserted jpeg images

Hi There
I am using Adobe Acrobat Professional 8 in Windows 7 Professional 64 bit
When producing pdf's using Adobe Acrobat Pro 8 with the setting on high quality the images produced have very jagged edges (Jaggies) especially around logo's & imported images, not so much on text.
This has also been reflected in material that has come back from an external print job.
I had this problem on my olf pc & believe the fix for this was located somewhere in the advanced section of properties menu but i have not been able to find it.
Any help or suggestions would be greatly appreciated.
Thanks
Darren

It's best to try the smothing. In some cases with smothing on its too extreme and you go from Jaggies to Fuzzy looking Type. Sometimes so bad that its actually looks better with Jaggies, any thing below 8pt should not have font smoothing. In Acroabt it's all or nothing.

Jagged Edges and Unstable Images when converting from Image Sequence to DV

Hi,
I have an Image Sequence (very good quality) that I'm trying to convert using Graphic Converter into DV NTSC Video.
I chose Progressive scan.
I find that the Images appear to have Jagged Edges especially when there is movement involved. Also, the entire image as a whole appears to be Unstable/ Vibrate Slightly.
Does anyone have Experience with this?
Thanks,
Rajnesh Domalpalli

Ntsc dv should be interlaced. also if you are viewing on a computer monitor the footage will appear nasty. It's best to view via an NTSC monitor.Do you have Final cut? if your images are correctly sized you should be able to drop the sequence into a final cut sequence set to DV NTSC and render out the resulting video. You will likely need a multiformat monitor as I believe the standard in India is a PAL variant PAL B not NTSC . in NTSC the screen is filled first by odd lines (Field1) then by even lines (Field2)thus a single pixel line will appear to turn off and on as the screen fills between odd and even lines. Straight lines and angled lines exhibit aliasing and flickering particularily when viewed on a computer monitor because computer screens fill the screen progressively from top to bottom and at a much higher refresh rate than NTSC. hope this helps

Images have jagged edges when rotated in Keynote 6.1

After upgrading to Keynote 6.1, I'm having problems when rotating images that I've imported to my slides. Any time I rotate an image that's not on a 45, 90, 180 angle, the image has jagged edges.
Here's a screenshot as an example. The image is on 4 degree angle.
Any ideas?

Sorry, in haste I forgot to mention this also:
Use an appropriate slide size, as a minimum resolution I match the slide size (Keynote > Inspector > Setup Slide Size), to the resolution of the display I am using, in my case 1920 x 1200.
I always resize the images I bring into Keynote with the same pixel resolution as the slide size.

Jagged Edges on Images in Dreamweaver CS3

Similar Messages

Maybe you are looking for