Solved

ps rough edges when saving transparency

Posted on 2014-02-17
3
830 Views
Last Modified: 2014-02-17
Why do images that have a transparent background have such rough edges?  Is there a way to fix this?  I cut out the image using the poly lasso tool.  Edges are straight as an arrow then BAM, save as a transparent png and the lines are jagged.  Looks terrible.  I attached same image saved as a jpg and as a png.

ps  I need the transparency for it to float ontop of website.
http://nsitedesigns.com/nsitedesigns/lakeshore/assembly.html
display-catwalk.jpg
display-catwalk.png
0
Comment
Question by:nsitedesigns
[X]
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
3 Comments
 

Author Comment

by:nsitedesigns
ID: 39865428
I did find that if I saved at png 24 it did fix the jags but the image size went up considerably.  Is there any advice to fix jags without making file HUGE!?
0
 
LVL 26

Accepted Solution

by:
David Brugge earned 500 total points
ID: 39865471
> Is there any advice to fix jags without making file HUGE!?

Not easily (I'll explain in a minute).

The advantage png-24 files have over the older gif files (the other way of saving transparency) is that they let you have semi-transparent pixels as well.

It's these semi-transparent pixels that give your your smoothing. This advantage only comes with the png-24 format, not the png-8.

Now, it is possible to make your png-24 files smaller, but unless you are using Photoshop CC or Fireworks CC you have to use an additional utility and you need to know how to use them.

If you are willing to get your hands dirty, here is a link to an article that gives you an explanation of what is going on, and some methods for achieving significant savings in your png-24 files.

http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
0
 

Author Closing Comment

by:nsitedesigns
ID: 39865649
Just using the polarization technique of clicking New adjustment layer/polarize in ps and then saving for web cut the image size DOWN BY HALF!

Wahoo!

Thanks!
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying 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

Suggested Solutions

I. Introduction In a previous article (http://www.experts-exchange.com/Web_Development/Document_Imaging/A_6537-PaperPort-Upgrade-How-to-download-and-install-updated-versions-of-PaperPort-11-and-12.html) (now deprecated), I discussed how to upgrad…
Recently, an awarded photographer, Selina De Maeyer (http://www.selinademaeyer.com/), completed a photo shoot of a beautiful event (http://www.sintjacobantwerpen.be/verslag-en-fotoreportage-van-de-sacramentsprocessie-door-antwerpen#thumbnails) in An…
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.

710 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