Border problem with PS graphic transferred to web…

S
Posted By
solitude439
Feb 24, 2005
Views
240
Replies
3
Status
Closed
I have some technical photoshop questions for this group…

First off, I forget exactly how to create a clipping path. I used to run a process for a magazine where I would give a graphic it’s own border instead of the static block border that you place it in in Quark? Well, I want to be able to do the same process but I’m placing graphics on a web page instead of on a page layout in Quark.

Also, when I’m creating graphics – especially darker graphics and I save it as a jpeg or in a graphic format that is readable through a web browser, I notice a very fine, ultra thin border around the graphic. I notice it especially if the graphic has a black backdrop that’s set to a page that has a black body background as well. Is there a way to get rid of the border or would it be recommended to do what I was mentioning about the clipping path and placing it on the page that way? What would be the best way to do this?

Thanks in advance.

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

S
SpaceGirl
Feb 24, 2005
Montgomery Boo…Urns wrote:
I have some technical photoshop questions for this group…
First off, I forget exactly how to create a clipping path. I used to run a process for a magazine where I would give a graphic it’s own border instead of the static block border that you place it in in Quark? Well, I want to be able to do the same process but I’m placing graphics on a web page instead of on a page layout in Quark.

Also, when I’m creating graphics – especially darker graphics and I save it as a jpeg or in a graphic format that is readable through a web browser, I notice a very fine, ultra thin border around the graphic. I notice it especially if the graphic has a black backdrop that’s set to a page that has a black body background as well. Is there a way to get rid of the border or would it be recommended to do what I was mentioning about the clipping path and placing it on the page that way? What would be the best way to do this?
Thanks in advance.

By default, most web browsers stick a 1px border around images. You can turn this "off" in your page markup.

HTML:

<img src="mypicture.jpg" border="0" alt="my picture" />

or in CSS:

<style type="text/css">
img { border:0px; }
</style>

<img src="mypicture.jpg" alt="my picture" />

Best to do it in CSS as you have a lot more control and it’s a lot more efficient.
S
solitude439
Feb 25, 2005
in article , SpaceGirl at
wrote on 2/24/05 8:53 AM:

Montgomery Boo…Urns wrote:
I have some technical photoshop questions for this group…
First off, I forget exactly how to create a clipping path. I used to run a process for a magazine where I would give a graphic it’s own border instead of the static block border that you place it in in Quark? Well, I want to be able to do the same process but I’m placing graphics on a web page instead of on a page layout in Quark.

Also, when I’m creating graphics – especially darker graphics and I save it as a jpeg or in a graphic format that is readable through a web browser, I notice a very fine, ultra thin border around the graphic. I notice it especially if the graphic has a black backdrop that’s set to a page that has a black body background as well. Is there a way to get rid of the border or would it be recommended to do what I was mentioning about the clipping path and placing it on the page that way? What would be the best way to do this?
Thanks in advance.

By default, most web browsers stick a 1px border around images. You can turn this "off" in your page markup.

HTML:

<img src="mypicture.jpg" border="0" alt="my picture" />
or in CSS:

<style type="text/css">
img { border:0px; }
</style>

<img src="mypicture.jpg" alt="my picture" />

Best to do it in CSS as you have a lot more control and it’s a lot more efficient.

I used those tags in the document. It still has an ultra thin (it’s almost as if you can’t see it) border around the graphic.

Would it be suggested that I use a transparent GIF instead?

TIA

D.C.
S
SpaceGirl
Feb 25, 2005
Montgomery Boo…Urns wrote:
in article , SpaceGirl at
wrote on 2/24/05 8:53 AM:

Montgomery Boo…Urns wrote:

I have some technical photoshop questions for this group…
First off, I forget exactly how to create a clipping path. I used to run a process for a magazine where I would give a graphic it’s own border instead of the static block border that you place it in in Quark? Well, I want to be able to do the same process but I’m placing graphics on a web page instead of on a page layout in Quark.

Also, when I’m creating graphics – especially darker graphics and I save it as a jpeg or in a graphic format that is readable through a web browser, I notice a very fine, ultra thin border around the graphic. I notice it especially if the graphic has a black backdrop that’s set to a page that has a black body background as well. Is there a way to get rid of the border or would it be recommended to do what I was mentioning about the clipping path and placing it on the page that way? What would be the best way to do this?
Thanks in advance.

By default, most web browsers stick a 1px border around images. You can turn this "off" in your page markup.

HTML:

<img src="mypicture.jpg" border="0" alt="my picture" />
or in CSS:

<style type="text/css">
img { border:0px; }
</style>

<img src="mypicture.jpg" alt="my picture" />

Best to do it in CSS as you have a lot more control and it’s a lot more efficient.

I used those tags in the document. It still has an ultra thin (it’s almost as if you can’t see it) border around the graphic.

Would it be suggested that I use a transparent GIF instead?
TIA

D.C.

Do you have an example to show me? It sounds a bit weird to me.

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections