Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

ps rough edges when saving transparency

Posted on 2014-02-17
3
Medium Priority
?
861 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 2000 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

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…
Adults who share images on social media aren’t the only ones who need to worry about their privacy. Our culture’s tendency to share every move and celebration affects the privacy of our children, too.
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…
Suggested Courses

715 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