Solved

ps rough edges when saving transparency

Posted on 2014-02-17
3
845 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: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone 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

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…
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…
In an interesting question (https://www.experts-exchange.com/questions/29008360/) here at Experts Exchange, a member asked how to split a single image into multiple images. The primary usage for this is to place many photographs on a flatbed scanner…
This video Micro Tutorial shows how to password-protect PDF files with free software. Many software products can do this, such as Adobe Acrobat (but not Adobe Reader), Nuance PaperPort, and Nuance Power PDF, but they are not free products. This vide…
Suggested Courses

627 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