Solved

ps rough edges when saving transparency

Posted on 2014-02-17
3
816 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
  • 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

The standard (non-Professional) edition of PaperPort (http://www.nuance.com/for-individuals/by-product/paperport/index.htm) from Nuance Communications (http://www.nuance.com/) (previously known as ScanSoft) is limited to five Scanning Profiles, but …
In a previous article published here at Experts Exchange, Signature Image with Transparent Background (http://www.experts-exchange.com/Web_Development/Document_Imaging/A_12380-Signature-Image-with-Transparent-Background.html), I explained how to cre…
The goal of the tutorial is to teach the user how to remove a natural vignette your photos and how to add vignette to your photos.
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…

809 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