Unwanted border around png picture

I cutout unwanted content in a picture selecting a mask then saving for web as a png to show on a web background. But the picture shows a faint light coloured hairline border against a grey webpage background. How can I get rid of this unwanted border? The picture is shown on the website in a 'lightbox' so I cannot try borders in css to fix.

What you could do is open the png file into photoshop, ctrl click or cmd click the thumbnail of the image.
Now you have a selection around your object and not the background. (assuming the png had a transparent background to start which it should have)
You now have a few options at your disposal.
1) You could create a mask from the selection then using a brush paint away the unwanted area in the mask. (black to hide, white to reveal (shades of gray to vary the amount)
2) You could use the menu item Select>Modify>Contract (use a low pixel number) or Select>Modify>Feather
3) You could use Select>Refine Edge - This will be more visual than #2
4) With 2 and 3 either make a mask or move to new layer (Another option is to invert the selection then hit delete) Mask is always preferable for noon-destructive edits that you can redo later assuming you save a master file as psd or tiff.
5)Instead of a selection you could try (on a layer that is unlocked) Layer>Matte>Defringe
After you save a master file, then you can merge the layers and save as a png file for the web. saving as a png would be merged anyways, however this will let you verify the end result. If not correct, you still have the master file to work from.

Similar Messages

How to make a round border around my picture?

I am trying to design a logo that would fit into the center of a Frisbie, yet I cannot figure out how to make a round border around the picture. I have tried using the eliptical tool, and have also tried using the cookie cutter. The only option I can get to work with the eliptical tool, is the feather, yet I can't change the pixel number for some reason, so it just makes a thin circle around the picture. I thought I could cut and paste it, but the copy and cut options were grayed out and didn't work. When I used the cookie cutter, it made a nice border, and I pasted the picture into it, but, there are four sections that need to be filled in with the background color and the paintbucket didn't work in those spaces (they are the gray and white checked areas. (the picture ends up looking like a rectangle inside of a circle). So I made a new blank file and filled it in with the color of the picture's background, hoping to use the cookie cutter tool around the picture that was now pasted into the new blank file (I chose another color for the round border) and I used the cookie cutter around the picture, but when it was finished, the whole picture ended up being white. All I want to do is to make a border around a picture (a round border). Nothing I have done has worked though. What am I doing wrong, or what are some other options for trying to do this? Thanks.

Here is a simple way to add a border. Select the item, add a blank layer, choose the border size and color and the Outside option:
Here is the result:
Note that you don't even need to do the Stroke on a blank layer. You can Stroke directly on the picture layer. However having the blank layer preserves the picture in case you want to start again with different Stroke options.
If this is not what you are looking to do, please clarify.

Border around a picture tha hav a link

When i put a link to a picture, I see a border around the picture when I open the page in IE, but not in Crome. Is it possible to not see the border in IE?
Knut Erik

Sure - use this CSS rule:
a img { border:none; }

Unwanted border around swf file in IE

Can anyone tell me why I am getting a border around my swf
file with it is imbedded on a Html page and displayed in Internet
Explorer on a PC?
The swf acts as a link, (pointer becomes a finger), and when
you click once in the swf area, the border disappears and the swf
file becomes active and all other links are working .
See f.ex.
http://www.soundoil.com
I am not getting this when viewing the site in other browsers
or on the Mac.
I use Golive CS and Flash MX.
It looks like this is an IE issue. Do you know of a
workaround?
Thanks on beforehand
ggaarde

I've noticed, not just in this thread but all the other "10
billion threads about this," that every single one of the fixes for
this problem are oriented towards webpage developers -- not for the
internet user. Forgive me if these forums (unbeknownst to me) are
actually dedicated solely to web developers, but I'd still like to
find a solution somewhere for this problem.
An example of the problem I'm facing. The average Joe (such
as myself) is browsing around webpages (including, for example, the
webpage for my online homework) that haven't implemented a fix for
this problem .... Thus, for every ActiveX control, forcing me to
click it first before being able to use it. Just seeing this once
isn't a big deal, but when it comes down to doing a slew of
frustrating homework problems, and being forced to do an extra
click at least once for every single problem ... that just becomes
one extra irritant. And it's a problem on a lot of other webpages
too.
I obviously can't use the "fixes" provided in these topics,
because they're
coding fixes; I can't very well go in and alter commercial
webpages. Of course, I could go and demand the Tech Support guys
for
every webpage I visit to adjust their websites and make
accomodations for this problem. But that seems like a dumb choice,
especially if there's a solution of some sort. Maybe a downloadable
update, or an option in Internet Explorer's settings. Is there
anything out there for the
user to fix this problem? Or am I SOL? Perhaps I just need
to "suck it up."
Thanks in advance.

Unwanted border around flash movie

Though I found that this problem is quite common and can have
different causes, I still couldn't resolve my own case.
I have several flash animations embedded in a table and the
one that has a rollover-action shows an unwanted border in Firefox
and in Internet Explorer. The borders are all set to 0, the
vertical and horizontal spacing of the <object>-tag is set to
0, too but no matter what else I tried it just doesn't work. The
animation does not show these borders when I test-compile it in
Flash, so I guess it could have something to do with the way
Dreamweaver embeds it in the HTML-file.
Any help would be greatly appreciated.

no worries - i access forum through the newsgroup - i dont
see any web features. also - when
searching, the web forum search ain't that great - always
better to use:
http://groups.google.com/advanced_group_search?q=group:*flash*&hl=en&lr=&ie=UTF-8&oe=UTF-8
it is entire archive of this forum - probably the best way to
learn anything about flash
hope this helps.
--> Adobe Certified Expert (ACE)
--> www.mudbubble.com :: www.keyframer.com
-->
http://flashmx2004.com/forums/index.php?
-->
http://www.macromedia.com/devnet/flash/articles/animation_guide.html
-->
http://groups.google.com/advanced_group_search?q=group:*flash*&hl=en&lr=&ie=UTF-8&oe=UTF-8
BrianOG wrote:
> Hi Chris,
> Sorry, I marked myself as answering the question! It was
you, of course.
> Regards
> Brian
>

When writing HTML/CSS, how do I get ride of the unwanted border around rollovers?

This only happens when I view my website with the Firefox browser. It doesn't show in Safari etc...
I have a series of buttons using javascript rollover effect. Why is there an obnoxious border around them. How can I get rid of the border. Through CSS? HTML?
thank you

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Qosmio F60 - remove graphics border around webcam picture frame

I recently bought a Qosmio F60 laptop and when initially setting up/ testing the webcam for use on Skype, I rather foolishly chose a graphics border for around the frame of the webcam picture with lots of yellow stars.
This ends up blocking a large part of the webcam picture when on Skype, which is very annoying, but I can't seem to figure out a way to get rid of it. I'm sure it's a very simple option somewhere in the webcam settings to turn it off, but any help would be appreciated before it drives me mad!
Thanks

Start web camera application and there you will find option Effect. Open it and go to second tab called Frame.
Click there on OFF and I presume the problem will be solved.

White border around the picture when it prints

How do i get the white border off of my picture when i print my picture?

As mentioned above by hatstead tat all printers does not support border less printing so first of all check whether your printer is able to print border less. If yes then there are few steps to follow for MAC and WIN machines.
For WIN :-
Click on ‘Change settings…’ button and then by clicking on ‘Advance Settings…’ you will get your printer preferences dialog.
From printer preferences dialog you can check/select the checkbox/radio button for border less printing. This option is generally present under different tab for different printers like “Page setup tab for Canon Printers” or “Paper/Quality tab for HP printers” or “Main tab for EPSON printers”.
Once done and from PSE print dialog select appropriate paper and print size and click ‘Print’ button to get the border less print.
For MAC:-
f your printer supports borderless printing then you can find the entry for paper size with border less from ‘Select Paper Size’ drop down on print dialog.
Now select your print size from ‘Select Print Size’ drop down and click Print button to get the border less print.
Hope it would help you.
Cheers !!!

Add a border around a Picture in picture???

I am building a montage of images over other video and I want to add a border to the images. I tried every filter I can think of in cs3 but the best I find is "Alpha Glow" and that looks bad.
Any ideas...am I blind or just stupid?
Thanks,
Mark

Welcome to the forums.
Have a look at: FAQ:How do I add a border to a clip?
Cheers
Eddie

HT204364 In using the photo album how can I make a border around a photo in color?

How can I insert a colored border around a picture in an photo book?

To do that you'll need a 3rd party editor like one of these:
Some Image Editors that support layers:
Photoshop Elements 10 for Mac - $79
Rainbow Painter - $30
Imagerie - $38
Acorn - $50
Pixelmator - $60
Seashore - Free
Portraits and Prints - Free
GIMP for Mac - Free
OT

Border around photo

How do you put a simple 1 pt. border around a picture or graphic in Photoshop Elements 10?

Cyndy,
After you have finished editing, place a blank layer at the top of the stack of layers in the layers palette
Go to Select>all
Then, go to Edit>Stroke(outline) selection. In the dialog enter the width for the stroke, the color, position it inside.

Fill color also creates unwanted border

Hi,
I am using a conditional statement that adds fill color to a check box and a subform field when the check box is checked. The color fills in properly (and upon de-selection, it disappears) as it is supposed to, but on some fields, there is also appearing an unwanted border around the check box. Not only does the border appear, but it fails to disappear upon de-selection.
So, my response is, Say What?! Hoping someone can let me know what is going on and how to get rid of the border.
Here's the exact code I have applied to one of the check boxes and which is creating a border as well.
if (TakeTAKSAcc.rawValue==1){TAKSAccSubjects.presence="visible",this.fillColor="238,238,238" ;}else{TAKSAccSubjects.presence="hidden",this.fillColor="255,255,255";}
~Jenny

I don't know about checkboxes, but I had the same thing happening with rectangle drawobjects, and I got around it by setting the colour of the border to the same as the fill colour.

Black border around all the pictures in my video.

I'm new to the forum here and am struggling to find an answer to my problem and wondering if someone might help me. I am using adobe premiere elements 9 to make a picture slideshow. I have about 90 pictures, with text on several of them and audio throughout the whole thing. I don't know this program very well, I've used it one other time to make a video. When it's all done, I burn it to a dvd. The problem I'm having is that when I burn it to the dvd and play it back in my dvd player, the pictures are reduced in size and there is a black border around them all (all 4 sides). Do you know what I can do to make it go away? The last video I make didn't have it so I'm not sure what I've done with this one. And I did try compressing the pictures and it didn't change anything.
Thank you so much!
Alisha

Steve,
I actually went through last night and compressed all the pictures to a document size. Some of them are smaller (628x439) than 1000 x 750 but some are a little bigger (1024x768). I noticed as I compressed them in the folder outside of premiere, it also changed them in premiere. However when I burnt the new dvd, there was no change. If I make them smaller (for a website) will that help? Also, is it something that I would have had to have done before doing the project? I've already put about 10 hours into this video and really don't want to start it again.
Bill,
As of right now I have still images and 3 video clips in this presentation, but if it helps I can get rid of the video clips. I've actually removed them and tried it again, but had no luck. And I plan on just burning it to a dvd-r disc to watch on the dvd player. What this project is is I take pictures from the last year of my daughter and make a "birthday video" for her with music and some text on the still images.
Also, should I turn on the scale to default frame size?
I don't know a lot about the video making world, so the verbage kinda goes over my head, but when I began my project I just said ok to whatever it opened it with which says "DSLR-1080p-DSLR [email protected] I'm now thinking maybe I should have changed the setting, but am at a total loss for what it should be. Please excuse my ignorance What I'm wanting to do it just be able to play it on a dvd.
And lastly, I can't even thank you guys enough for helping me! I'm beyond frustrated and I really appreciate your kindness!
Alisha

Unwanted white border around a div

I placed a div that I am using for a background. Before I add an image I am testing it out by giving it a blue background. I have the width and height set to 100% and left to 0px and top to 0px. When I test it in a browser (IE 8) or view it in Design view it has a white border around it. There is no border setting or margin setting. Is there some preference setting in Dreamweaver that makes this aproximately 10px border? If so how do I get rid of it?

Thank you both - that helped to clear up some of the issues but others remain. I'm assuming I can keep the dialogue going but will start a new thread if that is required.
I uploaded the page and css files to my server. The page file is http://www.wlvs.com/untitled-1.html and the css file is http://www.wlvs.com/test.css I ame using these file to try out styles. The background div (backgnd) will ultimately be an image but for now I'm just using a color. The "wraper" has an image that I gave a padding to at the top and bottom and for some reason it is showing a dark blue color. - I thought it would allow the background color to show through - shouldn't it??
The other issue is centering the logo in the "header". I suppose I could use <center> but I am trying to figure out what is the css code for doing it. Nothing seems to work. I was able to center the "wraper" image but could not do the logo.
Any help would be much appreciated...

Unwanted thin border around DIV

So I have two pages (not online yet) in a site I am builing.
They both have an arrow rollover (about 60x40px made in PS), The
first one is fine and the arrows sits on the background seemlessly.
I used the same master file, but changed the arrow color. Made
another page but on this page I can see a thin white border around
the 40x60 box the arrow sits in . The border bvalue is set to 0. It
sits on black. I tried no BG color, and Black BG color and neither
made a differnce. I am really stumped. What causes a thin white
outline around and object/DIV like this?

The image itself probably has the border in it. Remake the
image and be
careful when you export it to make sure there is no border.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"iptinak" <[email protected]> wrote in
message
news:gckfrn$ou7$[email protected]..
> okay, it is something about how the image is saved. I
took the new arrow
> out
> and inserted the old one to the same page. No border.
They are both JPGS.
> I
> realize now that when I made the first one I never saved
saved the PS
> original
> files. I opened the JPG and over laid on top to redo it.
I must have saved
> it
> differently but I don;t see any differences. What am I
missing here?
>

Unwanted border around png picture

Similar Messages

Maybe you are looking for