Saving a image without a background

I did the tutorial on Removing Image Backgrounds with
Fireworks. That works great, but I don't know how to save a image
without a background. I am trying to save it for a website. I have
Fireworks 8.0. I tried to save it as a Alpha Transparency GIF file
, but the image is poor. I don't know the correct way of saving
this.
Any help would be greatly appreciated.
Tony

On Tue, 16 May 2006 20:48:12 +0400, Tony024
<[email protected]>
wrote:
> Ilya Razmanov,
>
> I did have that problem viewing under IE 6 on one of my
pc. My other
> pc is
> running IE 7 and it is fine. I am trying to save the
image without any
> bacakground so I can upload it to dreamweaver 8.0 so
that it can be
> viewed in
> any IE. I am trying to use a GIF or a JPEG file.
Official JPEG specs does not allow any transparency at all,
so save your
time and quit trying it. GIF only support limited colors (up
to 256), one
of that can be assigned as "transparent". So when FW exports
GIF from a
source file that have any partial transparency, it "premixes"
any partial
transparent color of source with "matte" color. In case the
latter
correspond to average color of your page background, and your
page
background is not too wild and colorful, and you are not
using too wide
partially transparent stuff, it normally work well.
Among the image formats common on the Web, only PNG provides
true partial
transparency. Alas, IE still does not correctly understand
that part of
PNG specs that was set years ago. So if you definitely
positevely can't
live without transparency things that are available in GIFs,
PNG plus
specific CSS and\or Javascript trics is the only way to go.
However, I'd
personally make sure I can't live with old limited GIFs
before going that
way.
Ilya Razmanov
http://photoshop.msk.ru -
Photoshop plug-in filters

Similar Messages

  • Saving created image without background?

    Hi I have PSE 8 and am new to this, I am trying to create a small 11x11 pixel orange circle but when i created it even using the transparency option, the image still gets saved with a white square background. Is it possible to save the created circle alone WITHOUT the white square background? If so, how please? 

    Open the editor and change the color swatch (usually black & white) to orange.
    Click on the arrows symbol so that orange becomes the background color.
    Select File > New > Blank File
    Set background contents to Background color and click OK
    Drag your elliptical marquee tool to form a circle and press ctrl+J
    You will see in the layers pallet a background layer and a transparent layer on top with your orange circle.
    Click in the layers pallet on the layer marked background and hit the trash can to delete.
    Resize your image to the dimensions you want.
    Then on the top menu select File > Save for Web
    Change from jpeg or gif to PNG-24 and check transparency.
    Click OK
    Choose a new file name and click OK.

  • Rotating image without duplicating background?

    Hello,
    is it possible in CS5 to rotate an image (without scaling the image dimension ) without duplicating the background layer to rotate this layer?
    Carlos

    I am assuming that when you open your photo in CS5 that the layer is automatically locked?
    If yes, then you can right click that layer and there is an option at the top called "Layer From Background...".
    This unlocks that layer without having to duplicate it.
    To rotate an image without changing dimensions of the actual photo?  When you rotate an image the width and the height dimensions are switch depending on how you rotate.
    Under Edit>>Transform, you will get 4 different options to rotate.
    The rotate at the top is to manually rotate the image.  The other rotates are presets which might be what your after.

  • How to see all image types when saving an image without selecting "all files"every time

    <blockquote>Locking duplicate thread.<br>
    Please continue here: [[/questions/951766]]</blockquote>
    Hallo, and thank you for reading this.
    I am a person who saves a lot of images online and renames them in different folders in different names like B - 34 or G - 56. I have been working with firefox 10 for quite some time and it had a pretty handy bug (I guess) where I could save an image and firefox would just save the image in it's original type (JPEG,PNG etc) while "save as type" was empty.
    It also always has shown all the image types in the folder where I save the images (except for GIF) and that helpes me quite a lot by saving me the trouble of selecting "all files" every time I save or going to the folder to rename every image.
    Now this seems to be lacking in the newest firefox versions and my question is if I can set firefox to always show me all the image file types when saving an image, instead of only showing JPEG's when I try to save a JPEG.
    Thank you for your time.

    I suspect this is a Windows problem. I am surmising the FilePicker uses the Operating System or Desktop facilities. Does Windows 7 offer any other file categories like ''images'' ?
    I do not normally use Windows 7, but may the option depend upon the directory being an indexed one, I ask after finding this thread ''Bring File types tab back'' [http://www.windows7taskforce.com/view/819]
    This question is a duplicate of [/questions/951764]
    Normally I would lock the duplicate question, but in this instance I will leave it open as it is unanswered and someone may give a better reply.

  • Saving rotated image without background

    Ok I need help....I have rotated an image 20 degrees and would like to save it as a rotated image but whenever I do there is a white background around the image. Look at the image below, I rotated it 20 degrees but when I saved it, it saved with the white background. How can I save the rotated image but without the white background????
    (I changed the color so you could see the background)

    If your working with one layer (locked background layer), double click
    on the layer thumbnail in the layers panel to make it a new unlocked layer.
    Then when you rotate the photo, the background should be transparent.
    Also to maintain transparency, save in another format other than jpeg, such
    as psd, tif, png-24.
    MTSTUNER

  • How to Create an image without a background?

    Hi,
    So I've been learning the ropes of photoshop all week and I started and am almost finished with my first project.
    I created a cutout and I want to make a sticker out of it, but I'm not sure how to save it without the white background.
    Here's what it looks like to get a better idea of what I'm asking, I want the player to just be on his own on a sticker, like a cutout.

    You need to save your document that has  transparency in an image file format that supports transparency. If you want to use the image on the web it needs to be an image file format that browsers supports.   That means PGN or GIF format.  GIF only supports 255 mapped colors when there is transparency. And the Transparency is complete no partial transparency.  PNG supports 8 or 16 bit color and transparency.  You should use sRGB color space for only some browsers use color management the rest assume images are sRGB. Gif file sizes are smaller the PNG files.

  • Saving intensity image without border

    I am trying to save an intensity graph to an image file, so what I've done is used the "Invoke Node" -> "Get Image" to capture the control display.  The image is then wired into "Write BMP File" to save the image.  The problem is that the indicator's border still shows up.  After I hid the X, Y, Z, label, etc from the intensity graph, it still does not capture the graph data by itself.  The border shows up, so when I made the indicator transparent, the background of the vi shows up.  Is there a way to get JUST the image out of the intensity graph?
    My prior solution was to use the "Flatten Pixmap" function to save the image, but the color scale settings weren't preserved so my intensity images were very dark.  Maybe an alternative solution is to find a way to preserve the color table scale when saving?  Is there an easy way to do this?

    Hi AntLee29,
    I am not quite sure of what you would like to extract from the intensity graph. Could you please post some screen shots of what you would like to see and what you would like to not see, I think that these would help me to better understand the question. Thank you and have a great day!
    Best regards,
    Steven

  • How do I save/export an image without a background when using Adobe draw on iPad?

    Hi :-)
    brand new new to adobe draw... Using on an iPad... How do I export/save an image so that it has no background?

    The solution is the following:
    - by default the first drawing layer is white... and will remain so... you have to turn the opacity of this white layer to zero by pushing the white button on the left,
    - then use any of the remaining 9 layers for your drawings,
    - export to adobe Creative Cloud or Illustrator (not as JPEG) and you have you picture with a transparent background...
    Hope this helps..

  • Saving overlayed images without shift

    I am trying to programmatically save overlayed images of controls: a mixture of transparent XY graph applied on a vectorized picture. Grouping those controls in the front panel, copy  them and recover them from clipboard works fine. I would already have been glad to do that programmatically. Is there any way to use this group feature programmatically?
    But as soon as I try to produce a picture combining both of them; I get into problems because they get shifted owing to their different origin on the front panel.
    See attached small vi.
    Thnaks for any simple solution.
    Attachments:
    test_save_superimposed_polar_diag_4_décalé.vi ‏70 KB

    Simulate a key press: Print Screen
    Then read the clipboard.
    George Zou
    http://webspace.webring.com/people/og/gtoolbox

  • Saving a picture without the white background i just removed

    Hi there, can you please help me with saving a picture without the white background?
    i have removed the white background, that was a struggle in itself, and now when i save it, it just adds a white back ground again. i dont want the background.
    i just the want the logo that i have taken from the white. can you please tell me how this is done. thank you

    You're welcome.   We've all been there done that.

  • Removing background shadow on transparent PNG image without losing shading on the object?

    I have a pillow bevel applied to a paint splatter brush image, and I'm having trouble with the shadows. I want to save this splatter as a transparent PNG. The problem is that a drop shadow effect is showing up when I save it this way. I think it's a "shading" setting rather than a true drop shadow, as there is no drop shadow set in the layer styles. The shadow does not appear when a white background is applied. It only shows when the background is transparent. I've tried reducing the shading opacity in the bevel dialogue, and this does get rid of the drop shadow....the problem is that it also removes the shading from the paint splatter, making the image look flat instead of raised. Can anyone help?  Thanks!

    Good point Curt. First time poster, so I wasn't sure how to include images in my original post. Here they are: 
    Above is the image saved WITH transparency. Obviously the shadows all around the blue make this unusable.
    Here is the exact same image...the only difference is that I saved it with a white background layer behind it in photoshop. As you can see, the shadow artifacts are gone, yet the splatter still maintains its correct shading to keep the raised effect.
    Both of these images are saved as png. Any suggestions?

  • How to see all image file types when saving images without selecting "all files"

    Hallo, and thank you fom reading.
    I am a person who saves a lot of images online in different folders with different names like G - 456 or F - 35.
    I have been using firefox 10.0.2 for a long time because of a bug (I guess) that made it easier to save images.
    When I saved an image it would always show me all the image files in any folder I wanted to save it, and that way making it easier for me to save files with the right names.
    Now with the newer firefox (currently 19.0) whenever I try to save a JPEG I only see the JPEG files in the folder and only way to see the others is by selecting "save as type" all files, but with this I also see all the files that are not images.
    This used to save me a lot of trouble and a bit of time but I dont see anything in the options menu that can help me. Is there a way to recreate this function?
    Thank you for your time.

    I suspect this is a Windows problem. I am surmising the FilePicker uses the Operating System or Desktop facilities. Does Windows 7 offer any other file categories like ''images'' ?
    I do not normally use Windows 7, but may the option depend upon the directory being an indexed one, I ask after finding this thread ''Bring File types tab back'' [http://www.windows7taskforce.com/view/819]
    This question is a duplicate of [/questions/951764]
    Normally I would lock the duplicate question, but in this instance I will leave it open as it is unanswered and someone may give a better reply.

  • Saving image without bits loss/change

    hi there,
    I was trying to save an Image (which i created myself with MemoryImageSource, and proper bit manipulation where red bits hold some characters, very important)and then i saved the image to jpeg by by using BufferedImage and com.sun.image.codec pacakage...its very important that when i read back the saved image, the bits the pixels array are the same as they had been created....but i found them changing...though image looks almost similar....can anybody out there help me how can i recover the same bits in Image pixel array or save it properly using some other technique, so that when i read the image the bits are not changed???
    helps would be appreciated a lot..and your name would appear in my software's about dialog..that's a deal..plz help...
    kushal

    What codec were you using.
    You want one that has "lossless" compression.
    i.e. GIF, TIFF, TGA, BMP, etc.
    JPEG has "lossy compression" although as someone mentioned you may be able to call a method to force it to be lossless.

  • Help! Saving an image to stream and recreating it on client over network

    Hi,
    I have an application that uses JDK 1.1.8. I am trying to capture the UI screens of this application over network to a client (another Java app running on a PC). The client uses JDK 1.3.0. As AWT image is not serializable, I got code that converts UI screens to int[] and persist to client socket as objectoutputstream.writeObject and read the data on client side using ObjectInputStream.readObject() api. Then I am converting the int[] to an Image. Then saving the image as JPEG file using JPEG encoder codec of JDK 1.3.0.
    I found the image in black and white even though the UI screens are in color. I have the code below. I am sure JPEG encoder part is not doing that. I am missing something when recreating an image. Could be colormodel or the way I create an image on the client side. I am testing this code on a Win XP box with both server and client running on the same machine. In real scenario, the UI runs on an embedded system with pSOS with pretty limited flash space. I am giving below my code.
    I appreciate any help or pointers.
    Thanks
    Puri
         public static String getImageDataHeader(Image img, String sImageName)
             final String HEADER = "{0} {1}x{2} {3}";
             String params[] = {sImageName,
                                String.valueOf(img.getWidth(null)),
                                String.valueOf(img.getHeight(null)),
                                System.getProperty("os.name")
             return MessageFormat.format(HEADER, params);
         public static int[] convertImageToIntArray(Image img)
             if (img == null)
                 return null;
            int imgResult[] = null;
            try
                int nImgWidth = img.getWidth(null);
                int nImgHeight = img.getHeight(null);
                if (nImgWidth < 0 || nImgHeight < 0)
                    Trace.traceError("Image is not ready");
                    return null;
                Trace.traceInfo("Image size: " + nImgWidth + "x" + nImgHeight);
                imgResult = new int[nImgWidth*nImgHeight];
                PixelGrabber grabber = new PixelGrabber(img, 0, 0, nImgWidth, nImgHeight, imgResult, 0, nImgWidth);
                grabber.grabPixels();
                ColorModel model = grabber.getColorModel();
                if (null != model)
                    Trace.traceInfo("Color model is " + model);
                    int nRMask, nGMask, nBMask, nAMask;
                    nRMask = model.getRed(0xFFFFFFFF);
                    nGMask = model.getRed(0xFFFFFFFF);
                    nBMask = model.getRed(0xFFFFFFFF);
                    nAMask = model.getRed(0xFFFFFFFF);
                    Trace.traceInfo("The Red mask: " + Integer.toHexString(nRMask) + ", Green mask: " +
                                    Integer.toHexString(nGMask) + ", Blue mask: " +
                                    Integer.toHexString(nBMask) + ", Alpha mask: " +
                                    Integer.toHexString(nAMask));
                if ((grabber.getStatus() & ImageObserver.ABORT) != 0)
                    Trace.traceError("Unable to grab pixels from the image");
                    imgResult = null;
            catch(Throwable error)
                error.printStackTrace();
            return imgResult;
         public static Image convertIntArrayToImage(Component comp, int imgData[], int nWidth, int nHeight)
             if (imgData == null || imgData.length <= 0 || nWidth <= 0 || nHeight <= 0)
                 return null;
            //ColorModel cm = new DirectColorModel(32, 0xFF0000, 0xFF00, 0xFF, 0xFF000000);
            ColorModel cm = ColorModel.getRGBdefault();
            MemoryImageSource imgSource = new MemoryImageSource(nWidth, nHeight, cm, imgData, 0, nWidth);
            //MemoryImageSource imgSource = new MemoryImageSource(nWidth, nHeight, imgData, 0, nWidth);
            Image imgDummy = Toolkit.getDefaultToolkit().createImage(imgSource);
            Image imgResult = comp.createImage(nWidth, nHeight);
            Graphics gc = imgResult.getGraphics();
            if (null != gc)
                gc.drawImage(imgDummy, 0, 0, nWidth, nHeight, null);       
                gc.dispose();
                gc = null;       
             return imgResult;
         public static boolean saveImageToStream(OutputStream out, Image img, String sImageName)
             boolean bResult = true;
             try
                 ObjectOutputStream objOut = new ObjectOutputStream(out);
                int imageData[] = convertImageToIntArray(img);
                if (null != imageData)
                    // Now that our image is ready, write it to server
                    String sHeader = getImageDataHeader(img, sImageName);
                    objOut.writeObject(sHeader);
                    objOut.writeObject(imageData);
                    imageData = null;
                 else
                     bResult = false;
                objOut.flush();                
             catch(IOException error)
                 error.printStackTrace();
                 bResult = false;
             return bResult;
         public static Image readImageFromStream(InputStream in, Component comp, StringBuffer sbImageName)
             Image imgResult = null;
             try
                 ObjectInputStream objIn = new ObjectInputStream(in);
                 Object objData;
                 objData = objIn.readObject();
                 String sImageName, sSource;
                 int nWidth, nHeight;
                 if (objData instanceof String)
                     String sData = (String) objData;
                     int nIndex = sData.indexOf(' ');
                     sImageName = sData.substring(0, nIndex);
                     sData = sData.substring(nIndex+1);
                     nIndex = sData.indexOf('x');
                     nWidth = Math.atoi(sData.substring(0, nIndex));
                     sData = sData.substring(nIndex+1);
                     nIndex = sData.indexOf(' ');
                     nHeight = Math.atoi(sData.substring(0, nIndex));
                     sSource = sData.substring(nIndex+1);
                     Trace.traceInfo("Name: " + sImageName + ", Width: " + nWidth + ", Height: " + nHeight + ", Source: " + sSource);
                     objData = objIn.readObject();
                     if (objData instanceof int[])
                         int imgData[] = (int[]) objData;
                         imgResult = convertIntArrayToImage(comp, imgData, nWidth, nHeight);
                         sbImageName.setLength(0);
                         sbImageName.append(sImageName);
            catch(Exception error)
                error.printStackTrace();
             return imgResult;
         }   

    While testing more, I found that the client side is generating color UI screens if I use JDK 1.3 JVM for running the server (i.e the side that generates the img) without changing single line of code. But if I use JDK 1.1.8 JVM for the server, the client side is generating black and white versions (aka gray toned) of UI screens. So I added code to save int array that I got from PixelGrabber to a text file with 8 ints for each line in hex format. Generated these files on server side with JVM 1.1.8 and JVM 1.3. What I found is that the 1.1.8 pixel grabber is setting R,G,B components to same value where as 1.3 version is setting them to different values thus resulting in colored UI screens. I don't know why.

  • Is it possible to add a blur filter to a transparent layer without any background?

    I want to have a Blur Oval Vignette feathered on the inside on a transparent background to use as a template. So then I could open an image, then open the template on top of the background image and would automatically have a Blur Vignette image without having to create it from scratch each time.

    I want to have a Blur Oval Vignette feathered on the inside on a transparent background to use as a template.
    I’m not sure I understand fully.
    Could you please post an example (before and after)?

Maybe you are looking for