Solved

ps rough edges when saving transparency

Posted on 2014-02-17
3
805 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
Comment Utility
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
Comment Utility
> 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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

In a previous article here at Experts Exchange (http://www.experts-exchange.com/articles/18414/Create-a-PDF-file-with-Contact-Sheets-montage-of-thumbnails-for-all-JPG-files-in-a-folder-and-each-of-its-subfolders-using-an-automated-batch-method.html)…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
The goal of the tutorial is to teach the user what exposure is and how to use the exposure slider. Analyze the photo that you want to edit, then adjust the exposure slider to your liking.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

762 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now