Can't remove white halo surrounding image.

Hi, everyone.
I've tried to clean some logos I need to use for web site pages but haven't really had good results. As I save the images as PNG to preserve the transparent background and place the images on my web page I can clearly see a white halo or silhouette surround the borders of the image. Just so that you understand my workflow this is what I have tried:
1. Open the image in photoshop.
2. Set background layer to a regular layer so I can remove the background color.
3. Choose Magic Wand. Set the sensitivity to a value between 50 and 120 to choose all background color which is white. Also uncheck contiguous so all the background color is removed despite its location on the image.
4. Crop image to close in on logo.
5. Resize image to a resolution of 96 pixels per inch and width of 120-140 pixels (height can vary according to the image).
6. Save for Web using PNG-8 as file format and the best quality available from the 4-up panel. In the cases I tried it translated to 256 colors Custom Palette and 0% ditter.
Result was disappointing as I expected a clean image for my web pages.
How can this be resolved ? What am I doing wrong ?
Does this have anything to do with the Save For Web command or is it related to something in my workflow ?
TIA
Joe

Hi, Chris.
Thank you for your replies to my post and the detailed explanations. I have now been able to produce good images that I can use.
Let me see if I understand this right. After an image is selected and the background erased, the matte or background becomes transparent. According to your comment:
> it only removes some leftover color contamination from the partially transparent pixels
the pixels can be partially transparent. From a reply posted to another thread I user described the differences between PNG-8 and PNG-24 in Photoshop. According to him Photoshop PNG-8 only allows pixels to be either fully transparent or fully opaque. Considering your statement about pixels being partially transparent, I assume then that erasing the background in a TIFF image will produce a file type that (similar to PNG-24) also supports partial pixel transparency as is the case with PNG-24. Is this correct ? What temporary file would this be (the one used by Photoshop until you decide to save your work) ?
So is this also safe to assume that defringe and remove white matte wouldn't work on PNG-8 images since these don't support partial transparency ?
And one last question: How does it work following your above explanation ? In removing the leftover color contamination from the partially transparent pixels, does Photoshop with either the defringe or the remove white matte tool transforms the partially transparent pixels and fully transparent ones ?
Just trying to understand the process so I can make better choices the next time.
Thanks again,
Joe

Similar Messages

Can I remove/adjust the white frame surrounding images in finder?

I find the large white frames surrounding image files in the finder and on desktop bulky and annoying. Can this be changed/minimalised/removed in preferences or any other way?

I've taken some screenshots so I can show what I'm talking about.
LEFT: How images used to look when sitting on my desktop.
RIGHT: How images on the desktop look in Mountain Lion.
And here are what images look like in the finder in icon view:
TOP: Images in the finder, old version.
BOTTOM: Images in the finder in Mountain Lion.
I want to get rid of those white borders. Or at least get them down to one pixel or something.

Can i remove white line that appears in between 2 videos when i am using video next to video

can i remove white line that appears in between 2 videos when i am using video next to video

The easiest answer would be to just get a Friskars cutter or something similar. I have one like this that I use to cut my photos apart. I found mine at a Walmart in either the scrapbook aisle or the hobby aisle.
However, if you are determined to make a custom picture package you can try making a custom layout with a text editor. I know you can control the white space amount but not sure if you can totally eliminate it.
A simple text editor will work...notepad works for this on Windows...not sure what is comparable on the mac.
In PSE3, the layouts are found following this path Adobe<Photoshop Elements 3.0<Shared Assets<Layouts...note there is also a folder titled Layouts readmes which shows the formula to edit the layouts.
Here is a link that details how to create a picture package layout using a text editor:
http://www.graficalicus.com/index.php?name=News&file=article&sid=8&theme=Printer
Caution: Make sure you save your custom layout with a new name so you don't overwrite the ones that ship with elements.

How can i remove white space between pics in picture package

i am using ps elements 3 and want to use picture package to set up and print multiple passport photos on a single page. passport photos must be 2"x2". When I import or select a photo taken with my photobooth app on my mac and select custom size, i get 20 images on a page. however, there is a white space of 1/2 inch around each image and the images are 1.5 " square rather than 2" square. How do i get rid of the white margins around the images so that they will come out to be 2x2?

The easiest answer would be to just get a Friskars cutter or something similar. I have one like this that I use to cut my photos apart. I found mine at a Walmart in either the scrapbook aisle or the hobby aisle.
However, if you are determined to make a custom picture package you can try making a custom layout with a text editor. I know you can control the white space amount but not sure if you can totally eliminate it.
A simple text editor will work...notepad works for this on Windows...not sure what is comparable on the mac.
In PSE3, the layouts are found following this path Adobe<Photoshop Elements 3.0<Shared Assets<Layouts...note there is also a folder titled Layouts readmes which shows the formula to edit the layouts.
Here is a link that details how to create a picture package layout using a text editor:
http://www.graficalicus.com/index.php?name=News&file=article&sid=8&theme=Printer
Caution: Make sure you save your custom layout with a new name so you don't overwrite the ones that ship with elements.

Can't remove event listener from Image

I'm clearly missing something and would appreciate some help. I'm trying to run an event handler when an Image completes loading, then remove the handler so that it won't run again should the image be reloaded later.
The problem that I'm having is that the event handler simply wont' go away, despite calling removeEventListener on the Image object.
The following example demonstrates the problem (the example doesn't actually do anything useful...it's just the shortest example to demonstrate the problem). (To run the app, you'll have to provide any ol' JPEG file named "myImage.jpg" in the "src" directory of your project).
What I expect to happen is :
     1) on startup, the image loads and loadComplete() runs.
     2) loadComplete removes the event Listener so that subsequent re-loads won't re-fire the handler. I only want the handler to run once.
     3) "loadComplete" shoudl be displayed in the Debug console.
     4) A button click should display only "Changing Image" in the Debug console
What I get instead is that the loadComplete handler isn't removed, and every time I click the button, loadComplete runs when the image is re-loaded   (i.e., every button click results in both "Change Image" AND "loadComplete" being displayed in the Debug console).
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Image width="655" height="181" source="myImage.jpg" id="myImage" autoLoad="true" scaleContent="true" complete="loadComplete()" x="100" y="100"/>
    <mx:Button x="100" y="341" label="Button" click="click(event)"/>
    <mx:Script>
        <![CDATA[
            private function loadComplete():void
                trace ("loadComplete");
                myImage.removeEventListener("complete", loadComplete);
            private function click(evt:Event):void
                trace ("Changing Image");
                myImage.load("myImage.jpg");    // Reload same image; it's just an example
        ]]>
    </mx:Script>
</mx:Application>

Hi,
You can remove only event listeners that you added with the addEventListener() method in an ActionScript block. You cannot remove an event listener that was defined in the MXML tag, even if it was registered using a call to the addEventListener()method that was made inside a tag attribute.
Check this page for reference.
http://livedocs.adobe.com/flex/3/html/help.html?content=events_05.html
You can modify the code a bit a get it working
<mx:Image width="655" height="181" id="myImage" scaleContent="true"
          x="100" y="100"
          creationComplete="myImage_creationCompleteHandler(event)"/>
private function myImage_creationCompleteHandler(event:FlexEvent):void
     myImage.addEventListener("complete",myImage_completeHandler);
     myImage.load("myImage.jpg");
private function myImage_completeHandler(event:Event):void
     myImage.removeEventListener("complete",myImage_completeHandler);

Can't remove white border/line on left & top of Swiftweasel [Solved]

As the title states; I cannot remove this persistent white line/border thing at the top and left side of my Swiftweasel (Firefox) web browser. I know there must've been a post about this before but with such familiar/vague keyword combinations such as "white line border swiftweasel / firefox", etc, I couldn't find anything in the Forum or on Google except something to do with certain webpages (which in my case is on ALL pages). Here's a screenshot of what I'm talking about:
(Swiftweasel is at the top of the screen, in case you couldn't tell. See the white line/border at top/left?)
I disabled all my extensions and Stylish styles and the white line/border on top & left side are still there. This was an issue on my previous Arch installation as well (not that it has anything to do with Arch itself) but I'm just saying that it's been an issue before for me. Any ideas? It's just very annoying.
EDIT: Solved: read my last post.
Last edited by milomouse (2009-09-21 21:24:10)

Thanks for the response. As far as renaming ~/.mozilla, it kept regenerating itself each time I opened Swiftweasel, so I moved ~/.sw35 to ~/.sw000 and then opened it and there was no white line. So I went through one by one installing my add-ons again and, even though I had disabled it and restarted earlier, it turns out that if I don't install "NumExt" it wont have the white line. That's so weird that it didn't do it earlier when I disabled it. Sad, though, since I really liked that extensions. Maybe I'll see if I can edit the file somehow.

White halo around image

Hi there,
I have a font set to a large size 1065 pt as it's for a banner - however I am getting a slight grey white border around the image, kind of like a faint stroke but the stroke is turned off. Turning a stroke on matching my font colour doesn't help.
I have tried doing the font in a small point size to begin / converting that to outlines and then upscaling but the halo returns. I have tried exporting the design as a jpg and scaling down to sensible screen size and the halo remains all be it in reduced nature.
Any advice on how to avoind this as I don' want to sent the doc to print if the artefact remains even then.
Ta,
Al.

Thanks guys.
I think the black text halo is ok - I have attached a screen shot of the edge of a letter.
However I am seeing jagged edges on the pink abstract background.
Is this there to stay and will it be shown on the print?
For the record it is an Illustrator smudge shape scaled up with the artistic watercolour brush outline applied to it.
Noticably the screen shot which is my second attached example is direct from Illustrator print screen and this shows no jagged edge. Hmm at this size it's hard to see but it is there.
1
2
Ta,
Al.

Removing white background around image in Illustrator

I used the custom shape tool in Photoshop to make a paw print and then took it into Illustrator and used the Live Trace tool to vectorize it (as the image will be used in an Illustrator file). Now I cannot figure out how to remove the white background from around it. I have a gradient behind the image and must have the white box removed from it. I'm sure the method is probably quite simple but I am rather new to Illustrator so would greatly appreciate any advice! Thank you!!

leahzierke wrote:
I used the custom shape tool in Photoshop to make a paw print and then took it into Illustrator and used the Live Trace tool to vectorize it (as the image will be used in an Illustrator file). Now I cannot figure out how to remove the white background from around it. I have a gradient behind the image and must have the white box removed from it. I'm sure the method is probably quite simple but I am rather new to Illustrator so would greatly appreciate any advice! Thank you!!
Sounds a pretty crooked workflow. Create the paw as a a path in Photoshop, select it with the path tool, copy&paste it into Illustrator. Works much better and avoids all pitfalls. For your trace problem: Make sure to choose Ignore White.
Mylenium

How can I remove text from an image

I was trying to use the magic wand and then inverting but it is not removing the text.
I tried the clone stamp but it's on a tile background so very hard to make it look good. I just want to redo the text because it was written by someone that does not speak English/American.
Thanks in advance for your help

Basically, the Vanishing Point filter allows you to identify the perspective in part of an image, then clone from other parts that are at a different distance; it takes care of the scaling. It's pretty slick, though I've always thought it would be better integrated directly into Photoshop rather than being in a plug-in type format.
The other day I used it on a photo of a series of statues of archers. The one on the end was missing part of her bow...
-Noel

Can i remove white sky and replace with another

hi, im new to elements and photo editing, is there an easy to understand way of removing a whashed out white sky and replacing it with a blue/white cloud style of sky, i already have a donor sky.thanks for any advice given, ive got v7

Make a selection of a segment of the donor sky with one of the selection tools
Go Edit>copy
Open the picture with the washed out sky
Go to Edit>paste. This will put the donor selection on its own layer. Position it with the move tool over the old sky
Set blend mode of this layer to darken
Set foreground color chip (lower left) to white
Drag foreground to transparent linear gradient from below up to top of tree line (if there are trees)
With soft white brush, at reduced opacity, paint horizon on a new layer at top of stack. Horizon should be lighter than rest of sky..
HTH

Can I remove white space to "compact"

Hi there, is there a way to remove the white space in my picture? I do *not* mean transparency. What I need is for all my coloured dots to be shifted closer together to be more compact.
Thank-you in advance, Michelle

The excellent Circle Fill script might be an option here, but it sounds as if the actual pattern has already been created and the request could mean something different.
Does that apply?
Also, which version of Illustrator are you using?

Remove the expand/collapse image for af:treeTable

I am showing some data in a treeTable, which some rows will not have any further childs. How can I remove the expand/collapse image for those rows in the component <af:treeTable> ?
Regards,
Uday

Hi,
according to http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/tagdoc/core/treeTable.html you can only hide the expand/hide all link
Frank

How can I remove the rectangular white space behind the extracted image

How can I remove the rectangular white or chequered space behind the image after i have extracted it from a photo, then save it as a separate image?
Any easy steps advice would be good1
Thanks

Hello Josh:
Short answer - I do not know of any Safari setting. I suppose you could save the page as a PDF file and play with it there.
Barry

My new iMac with Yosemite displays photo icons with a white border. How can I remove this border?

How can I remove the white border/'frame' around the photo icons, which I store in folders other than iPhoto?
My computer is an iMac 27" (Late 2014 5K Retina display) with Yosemite 10.10.3.
The border does not exist on any photos /images created on my MacbookPro (Lion) or any earlier computers. It appears after importing to the iMac and only then after saving in either Preview or Photoshop Elements.
I have looked in all "Preferences" but could not find how to remove the border.
Any advice will be gratefully received.

Thank you for the reply. I wanted to wait awhile in order to ensure that this corrected the issue. For a brief while, it did! However, it did not take long before the screen began once again hijacking my home button presses. This occurs even with Firefox removed from default applications ( triple-checked ).
This never happened before version 35.

How to create image slice with transparent background without white halo around?

Hi, I want to make slice image with transparent background. I set the slice option background color to my background color. But when the image is on my html page set against the same background color, it has white halo around:
How can I get rid of the white halo?
I need the slice image to have transparent background and not have a color background because it's going on a rollover button with the background change. I don't want it to look like this on rollover:

>it looks to me like you built it with that "halo" to start with.
No, I didn't put in the halo myself. The shape is a character from the Webdings font. It's set to some darker fill color and set on a transparent background. Photoshop put the white halo there after "Save For Web".
> Make your graphic on a transparent background and Save for Web
I did exactly that, see:
I set the slice background to my color. I try the Matte option and come out the same with white halo.
It seems I'm not making Photoshop antialias to my background color, instead Photoshop just antialias to white.
What else do I need to do?

Can't remove white halo surrounding image.

Similar Messages

Maybe you are looking for