How do you keep the colors of an image true when you set it as a background?

I have an image with lines in it and a black blackground. When I set it as a background :
html {
    background: url(../Images/backgroundimage.jpg);
    background-repeat:auto;
    background-position:center top;
the black is a couple shades lighter so when I place a <div> with an <img>that is also mainly black on top of it, the top image is much darker than the background. I have no other css tags on the div other than a margin. The only difference in the images is I saved the background from photoshop and the image in the div from illustrator but I dont think that should have effected anything. Does anybody know anything about this because I am seriously stumped.
Thanks

We have been here before…
Firstly, Adobe' Photoshop has the ability to save a color profile with an image. That color profile will be consistent across all versions of Adobe software. Problem is, Adobe does not make web browsers (and that is probably a good thing).
When you save images for websites, you need to go through the proper Photoshop or Illustrator dialog. You want to Save for Web & Other Devices. Why? because the applications will take the image out of CMYK color space (if it is in that color space) and make it RGB. They will also try to translate the colors in a sensible way. When you use this dialog, you will see various options for JPG, including ICC Profile. Turning this on or off will change how the colors get mapped, and some experimentation to get best results is a good idea.
I have it turned off, presently.
The image will be set up for 72 dots per inch automatically, and you can, then, resize the image to optimize it for the website you are working on. If you are trying to fill a hole for an image that is 350 pixels wide by 250 tall, don't save the image as 1125 wide by 1024 high. That will take a long time to download from your server to whatever device is displaying it. Your original image will not be changed and you can navigate your path to your defined website's images folder.
This should help you immeasurably. I should mention that If I am trying to match a background exactly, I will tend to knock out that color from the image, save the image as a .PNG file with transparency (where that particular color is) and place the image on the background in question with the background color I am trying to match on the website.
-Mark

Similar Messages

  • Hello.  How do I keep the actual size of a photo when adding to a Keepsake?  Used to do this but have forgotten how!

    Hello.  How do I keep the actual size of a photo when adding to a Keepsake?  Used to do this but have forgotten how!  Need help please!
    T.

    Here is my suggestion:
    Open a blank, new file (File>new>blank file) size 8.5x11"
    Open the collage
    Go to Select>all
    Go to Edit>copy
    Go back to the blank file created in step #1
    Go to Edit>paste. The collage will be on its own layer
    Access the move tool, and with the corner handles resize the collage. Using the corner handles should preserve the aspect ratio. If you open the rulers, you will have a point of reference as you go along.
    Print a draft copy to see if it will be suitable in the frame..
    Please report back with your progress.

  • How do I create a duplicate image inside the same page? Then how do I change the color of that image

    how do I create a duplicate image inside the same page? Then how do I change the color of that image from black to red?

    Hello there!
    Here is one way to create a duplicate image and colorize it. As you can see below, I have one image right now, that I want to duplicate.
    My layers panel looks like below.
    To duplicate your image, click the downward arrow on the right side of your Layer Panel.
    Select Duplicate Layer. This will duplicate the layer that the image is on.
    Select "OK" to approve the duplication.
    As you can now see in the Layers panel, the image is duplicated. The new layer is now at the top of the Layer panel.
    Now to colorize your image, go to Window > Adjustments.
    The Adjustments panel will now be opened. Select the Hue and Saturation icon as seen circled in red.
    The Hue and Saturation propertied panel will be opened. I selected "Colorize", and adjusted the hue and saturation bar to achieve the level red in my photo.
    As you can see below, the image is now red.
    Now i want to make sure only ONE of my image layers is red. I moved the Hue and Saturation layer to only be on top of the bottom layer. The image on the top layer now will not be affected by the red.
    Select the move tool, so I can now move the image layers so we can see both of them.
    With each image layer selected, you can take the move tool and move the images. I moved mine on top of eachother and you can see my red layer (bottom) and the non red layer (top).
    I hope that helps. i have also included helpful links.
    Please post back with any questions,
    Janelle

  • How do I change the color of an image while still keeping some detail within the image

    I am trying to take a handprint such as the one below and change the color of the handprint to say a light pink (or any color) but I want to keep most of the detail of the fine lines that make this handprint unique.  The lines could even just come out as white as below.  The main thing is to change the overall color while maintaining the fine details.  I have been trying to accomplish this for over a week now in Photoshop Elements 11 and I have been unsuccessful as anything I do just totally color fills the image, which does not keep any details of the handprint.  Thank you to anyone who may be able to help me. 

    Hello again,
    Unfortunately, I am not getting the same result as you and I was wondering if you would take a look at what I'm doing and maybe you could tell me what I'm doing wrong.
    I go to file, open and bring in my file
    Go to Select, Layer, New, Layer
    Name = Layer 1
    Mode = color
    ok
    Two things then seem to go wrong:
    1.  I chose my foreground color, but when I go to paint, a smart brush setting takes over so I had to change my paint color in that setting - to pink.  also my foreground box color will then change to gray
    2.  So then I do have a pink handprint, but when I change the opacity, it only effects the pink - and not the black on the handprint (pic below).  I want the black to go away and have only the color there with the unique lines of the handprint which you were able to do.
    I'm not that handy in layering so maybe i'm doing something wrong there - just not real sure.
    Can you help?  I liked the way your handprint came out - if I could copy that with any color that would be great and exactly what I'm looking to do.
    Thank you so much.
    Tami

  • How do I keep the colors from inverting when I open the iCloud panel?

    I recently upgraded my 2007 dell Inspiron 1520 from windows XP pro, to windows 7 pro. I installed the iCloud panel, &amp; it seems to operate, but I can't figure why the colors invert?
    When I click on the iCloud panel, the computer seems to switch to another mode &amp; then when the panel is displayed, the colors &amp; resolution is antiquated, the color is inverted.
    I was able to go to my icloud account for normal access, without the strange mode change, but since I have ran the tutorial to have the laptop to make its own settings, I am not able to get the site to come up; it is trying to though.
    I am running Mozillia most of the time, but I let the iCloud to use IE. I do not have Outlook set up to use contacts, I am mostly interested in photo sharing to link &amp; sync between the aforementioned windows 7 machine, to my ipad &amp; iPhone.
    Any advice would be greatly appreciated, thanks for your replies ahead of time.
    mixpix

    You set the rich text font to Times New Roman in the TextEdit preferences, otherwise it will open to whatever default is set there. I hadn’t changed my TextEdit preferences (rarely use it) and a Pages v5.5.2 document using Times New Roman, and exported to Word .docx, was opened as Helvetica.
    Had you opened this Word document in a true word processor, it opens using the Times New Roman font. Tested in OS X 10.10.3 with:
    LibreOffice Writer v4.4.1
    MS Word in Office for Mac 2015 Preview
    Pages ’09 v4.3
    Bean

  • How do I change the color of an image

    I have some photos that I would like to change the color of, so that I can have the same image in multiple colors. How do I do this using Photoshop CS4?

    Using a Solid Color Layer set to the Blend Mode Color is one of several options in general …
    But maybe you could post a screenshot and elaborate one what you are trying to achieve.

  • How do I change the colors of this image?

    I want to change the color scheme of this image, not just re-color it one color.  I have the original file, this is just the shutterstock preview image. I'm a beginner with Illustrator.
    Any tips would be much appreciated! Thanks

    Select it, and click the Recolor Artwork button in the Options Bar.

  • How can I change the colors of this image?

    I want to change the color scheme of this image, not just re-color it one color.  I have the original file, this is just the shutterstock preview image.
    Any tips would be much appreciated! Thanks

    colored image like this one, the Hue/Saturation function can be used to alter specific ranges of colors.  For example, altering the Hue and Saturation of Cyans and Yellows...
    -Noel

  • How can I change the color on an image in illustrator?

    I am creating my wedding invites in Illustrator and downloaded a banner to add at the bottom. The banner is very colorful and I want to change the colors to white. Is there a way to do this? This is the banner:
    Thanks in advance!!!!!

    no, it is a jpeg image, I copied and pasted in to illustrator. I have never worked with this program before, so i'm learning as I go along!!

  • How can I change the color of interactive image label box background.

    Interactive image labels are a bit overwhelming in appearance. Can I change the label background color or make it partially transparent? I have tried several things and looked this up on Lynda.com training but no info.

    don't know how much this might help but you can change some colors using the Inspector as follows:
    from the text menu you can control paragraph and character colors, from the text menu you can control the text color.
    hope this helps...

  • On Pages my imported pics keep coming up as a grey envelope saying placeholder how do i keep the photo file as it is when i have imported it. Some pics stay as they are

    I am creating a Pages document with pictures inserted into the script. Some pictures are fine but some keep converting to a grey envelope that says placeholder. When saving the document a little box comes up with a list of images that cannot be saved.
    The pictures are photos of freehand drawings which have then been cropped and adjusted within the editing of iphoto.
    Any ideas as to how to change the placeholder back to the image please.
    Thank you

    Hi Tekkers78,
    If you are having issues with placeholders in Pages, you may find the following article helpful:
    Pages '09: Replacing Template Images with Your Own Images
    http://support.apple.com/kb/PH10388
    Regards,
    - Brenden

  • How can i keep the format of a word doc when i open it in pages?

    http://www.pinterest.com/pin/create/extension/

    How is that link useful? If you want to attach a screen snap, use the camera icon.
    Pages is not a Word clone, particularly Pages 5, it will change the formatting to a greater or lesser extent depending on how much formatting is in common.
    Try LibreOffice [free] instead.
    Peter

  • How I can keep the original date of a photo when I exporte it in jpeg format (using the iphoto menu) ?, How I can keep the original date of a photo when I exporte it in jpeg format (using the iphoto menu) ?

    I imported photo from my iPhone 4 to t iPhoto on my MacBookPro. Then I wanted to export some of those photos as jpeg file, using the export menu of iPhoto, to put them in a folder in Finder. When I did, all the original have been lost.
    I tried to copy/paste and I had the same problem.
    If someone can help me, it will be great !
    Thank you

    Why do you think the date has been lost? If you export the photo from iPhoto the date the photo was taken is there in the EXIF data (simple EXIF viewer will let you see it - http://homepage.mac.com/aozer/EV/ )
    My best guess is that you are confusing the file date with the photo date - they are totally different - photo programs like iPhoto use the photo date - file programs like the finder use the file date - they have no relationship to each other
    LN

  • Changing the color of an image in EPS format using Illustrator

    How do I change the color of an image in EPS format using Illustrator? Once I do this how do I change the format of the image from EPS to something I can select onto a website like JPG, JPEG or PNG? I plan to print the image onto a T-shirt.

    start here:
    http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6519a .html

  • I like the feature of the PDF being opened on the new tab on firefox browser windows. But the newer version (3.6 or 4.0) will automatically open PDF in a pop up adobe apps. How do I keep the PDF open on the new tab as before? thank you

    I like the feature of the PDF being opened on the new tab on firefox browser's windows. But the newer version (3.6 or 4.0) will automatically open PDF in a pop up adobe apps. How do I keep the PDF open on the new tab as before like the 3.5 ver.? I want the PDF opened in the new tab rather than in the Adobe's app's pop up window. Could you help?
    thank you

    '''I fixed mine by removing the Ask.com extension.'''
    Tools
    Add-ons
    Settings icon
    View Recent Updates
    Ask.com '''DISABLE'''
    Running FF 8.0 on Windows 7 (64-bit)

Maybe you are looking for

  • A/R Down Payment Request and Cash Flow

    Hi All, is there a way to present down payment requests in standard cash flow reports? Thanks in advance, Vangelis Kanellopoulos

  • System No Longer Requires Password to Wake from Sleep

    Greetings all! My Mini has recently stopped asking me to supply a password when waking it from sleep. It goes into sleep with no problem, complete with the pulsing white LED. But when I wake the system (using either the keyboard or the power button),

  • Establishing ELSTER encryption in ECC 6.0

    Hello! I would like to set up the ELSTER encryption functionality in ECC 6.0. Has some one experience, helpful information, technical steps (Tcodes), SAP notes for the following operations: <b>- establish ELSTER encryption - establish Business Connec

  • Lightroom 5.4 crashes when using Email Account Manager

    I am trying to email a photo, but every time I select Email Account Manager Lightroom crashes. How can I fix this?

  • Two query windows open after attaching DB to instance.

    For training purpose, I detached a DB from a Microsoft SQL server 2012 instance and attached it to the same instance. Now, when running SELECT TOP statements on my tables two query windows open (see link). [IMG]http://i61.tinypic.com/726dm1.png[/IMG]