Skip to main content
S
stefanz40219435
Inspiring
May 2, 2021
Answered

Alpha editing?

  • May 2, 2021
  • 2 replies
  • 727 views

Hey,so I have an image with a background that must match another background which is the same color but with alpha 0.9 or 90% so a bit transparent,so I need to set my image's background(which is the same color as the other one) to 90% so that both backgrounds are the same color and equally transparent so when I put my image on the other background it seems like my image has  a transparent background but in reality it has the same color same alpha backgorund as the other one so it's invisible. I need this because if I try to cut the image for the backgorund so it has no background the pixels get rough(it's a circle) and when I put it on my website using CSS the pixels are more visible and rough because I cut it but if I don't cut it then it has a background that's visible. So how do I change the alpha or the transparency of my image's background? Or is there a better way to do this? I basically want an image with no visible background but without rough pixels so it looks smooth on my website.Checkmark is the cut one and checkmark copy1 is the one with the original background which I want to remove or blend inn  with the other one so the pixels aren't rough on the image.

This topic has been closed for replies.
Correct answer stefanz40219435

Anyway I fixed it I copied the checkmark to a new layer and adjusted the opacity of the background in Photoshop.

2 replies

Mylenium
Mylenium
Legend
May 2, 2021

I'm really not clear what you are asking. I've looked at your images multiple times and honestly don't understand what you are saying. At least the "rough" image appears to have nothing to do with transparencies at all, it's just some misalignment of some pixels for whatever reason. That aside it's never a good idea to work with partial transparencies when rendering images over CSS styles for the simple fact that due to color management issues (or lack thereof), the result could look completely different despite your best efforts. You need to make sure that everything looks right at 100 % opacity and fix whatever issues you have directly. And if you realyl have that much trouble, consider the old-fashioned way of having state-based images in your web code, not relying all on CSS. I can't see anything in your menu screenshot that would speak against it. It may not be hip and fancy, but works at least reliably...

 

Mylenium

    S
    stefanz40219435Author
    Inspiring
    May 2, 2021

    Well I juts want my image to blend with the background of that image with the checkmarks,which is  a  bit transparent and I  want it that way because it looks more pretty I want my page background visible through it. However if \i put my checkmark on that backgorund the checkmark itself has a background to it and it's visble since it's not transparent. I want to make it so the checkmark's background blends in with the list one on the other image but if I want to achieve that with removing it with the magnetic tool when I select the image and select carefully every pixel of it and then layer via cut and I delete the background and then put the checkmark on my website it has rough pixels it's not showing up as a smooth circle when I hover over it there are pixels showing on the side. So to avoid that I wanted to tweak the alpha on the background of the checkmark so it matches with the alpha on the other background(of the list) whcih is 90% so it blends in. Nothing to do with the css I just want to edit the image and then put it in. How can I do that?

    S
    stefanz40219435Author
    Inspiring
    May 2, 2021

    Also here is the backgorund I want the image to match up with. If I cut it when I hover like that on my thing the pixels look rough unlike on this image.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices