Skip navigation
Currently Being Moderated

Inserting images with no backround

Sep 11, 2012 3:10 AM

hi, i'm creating a simple webpage with a few pictures.i know how to insert images but the problem is that DW always inserts an image with a white background or any background i have set before exporting edited image from PS or any other image editor. i need to insert a picture with a blended stroke, i mean a picture which is cropped through curves and then its stroke is blended. even though i set no background, the image is exported in white background and DW recognizes it this way. i hope you understand what i have in mind. to illustrate it i need to achieve something like this:

blended picture.jpg

that yellow background is a background of my website and the flower should be inserted the way you see.

 

thanks for your help

 
Replies
  • Currently Being Moderated
    Sep 11, 2012 4:11 AM   in reply to ebenpublishing

    The image you posted is in JPG format which does not provide for a transparency.

    You need to open in your graphics program, set the yellow background to be transparent

    and export/save it in a GIF or PNG format.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 11, 2012 5:24 AM   in reply to ebenpublishing

    As Ken said, export it as a PNG with transparency.

     

    Unless I've missed the point of what you're asking.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 11, 2012 6:11 AM   in reply to John Waller

    In your Photoshop file you want to have the flower layer open and everything else turned off, then go to File > Save For Web, or hit Ctrl + Alt + Shift + S.

     

    In the drop down menu on the right, choose PNG-24. Be sure the Transparency checkbox is checked and click Save.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 11, 2012 10:37 AM   in reply to ebenpublishing

    Below, I made a Twitter icon in Photoshop on a transparent background layer, denoted by the gray & white checkerboard.  See screenshot.

    transparent-Twitter.jpg

     

    File > Save for Web.   Select PNG-24 with transparency.

    See screenshot.

     

    Twitter-Icon-Saved.jpg

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points