Images with clear backgrounds please

I import an image into iWeb - it always appears in a white box. Even if its an image thats been cutout in photoshop, with a 'clear' background. Tiffs work in other applications but images in iWeb have to be jpegs dont they? a tiff also has a white background anyway - i tried it. Anyone help?

Images can be anything.
Depending on my needs, I add EPS, Transparent Tiff, Transparent PNG, JPEG, Gif, Animated Gif, Pict.
All made with Pages, Open Office, PhotoShop Elements and/or other applications.
Here's a page with a vector drawing I made in OpenOffice, exported as EPS, opened in PSE, some fiddling, and then saved as an transparent Tiff.
iWeb changed it into a PNG. [Voila|http://web.mac.com/wyodor/Organogram>
And yes, iWeb has the habit to put a border round the images you drop on the page.

Similar Messages

Printing Images with Transparent Background

Sorry if this question has already been asked, but I couldn't find anything similar to it in a search through the archives.
I have a couple of images with transparent backgrounds in a document, much like the shells and the blue flowers in the "Classic Brochure" template in Pages 2.0.1. These images show up perfect on the screen, and when printed as .pdf files, but when I print to either an hp color laserjet 4600 or an hp laserjet 1320, the images show up with a clear box around them; the colors under the box (where it should be transparent) are faded and slightly blurred. This happens both with my document, and the unaltered "Classic Brochure" template. I've tried moving various objects backwards and forwards, but it doen't seem to have any effect. It even happens with one of the text boxes I have in the document.
Another odd thing is that the printed "box" isn't the same size as the box that appears when you click on the object in the document. It's a bit bigger. I've seen other posts about problems with hp printers, but I'm not sure it's related. Any insight would be appreciated.
MAF
iMac Intel Core Duo Mac OS X (10.4.7)

http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Bob

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

Image with transparent background als foreground of a button

I'd like to build an app with buttons using the phone's accent Color as Background and an Image with transparent Background as foreground of the button. It should look like the tiles on the start screen of WP8.1.
The following code doesn't work (no foreground appears)
<Button x:Name="myButton" Background="{ThemeResource PhoneAccentBrush}">
<Button.Foreground>
<ImageBrush ImageSource="/Assets/myImage.png"/>
<Button.Foreground>
</Button>
Are there any ideas?
Thanks
Martin

Hi mfv_technet,
The Foreground property is used to get or set a brush that describes the foreground color. So we can not bind the Foreground to a image,
if I do not misunderstand you, in my mind if we want to set the button look like the tiles on the start screen of WP8.1, maybe you can try to refer to the following xaml:
<Button x:Name="myButton" Foreground="Red" Background="{ThemeResource PhoneAccentBrush}" Margin="116,136,0,363" Width="195" Height="141">
<Button.Content>
<StackPanel Orientation="Vertical">
<Image Source="/Assets/myImage.png" Width="80" Height="80"></Image>
<TextBlock Text="Button"></TextBlock>
</StackPanel>
</Button.Content>
</Button>
The result:
If I have misunderstood you, please feel free to let me know.
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Image with transparent background in Photoshop and InDesign exports strangely to PDF...

Hey, I really hope you can help!
Ok, I've made a catalogue in InDesign and there is say, an orange border. I've imported an image to layer over the orange border and it has a clear background. In photoshop it has no background and is simply the black outline. However, when i export the Indesign to pdf and print it out, the logo is there with its black part, but it is inside a non-outlined box and the background is sort of transparent, it displays orange, but displays a weird hue of orange, and it stands out... ive got it with a few other pictures, not sure what im doing wrong when i save the image either in photoshop or when exporting or what! I'm self taught, (with the help of this forum and youtube) so ill really appreciate any help. I could post an image but on screen it looks ok, its only seen when i print the catalogue, it's really strange!!! it's not just my printer either - thought of that - ive tried it on three at three different locations and with different pdf files to see if it was just one image. Sadly it's a good 220 on one 108-page document!!
If you wish to chat rather than post, you can skype me as charmywoo
im just grateful of any help!!
Kind regards,
Charmaine
Using: Indesign and photoshop 5.5 and operating on pc win 7 - i can also edit on a mac if necessary (if it resolves the issue)

Thanks loads Bob, just as you posted that, i found that link on another thread and came back to post it and you beat me to the punch! So thanks loads!
So if my printer is going to print this catalogue in litho print, rather than digital, do i still have to go back and flatten etc ?? I've separated the catalogue off to 108 individual pages with bleeds etc and it looks like I've got a fun friday night opening each one of them !!! rats!!
thanks loads, kind regards,
Charmaine

Drawing images with transparent background on any AWT container control.

I have an AWT applet with some background image.
There is another image say of a size of an icon which
has a transparent background. This image can be
dragged anywhere on the applet.
I am using a panel of a size of an icon and drawing the
image on it. The whole panel is dragged when the user
drags the image.
The problem over here is, though the image has a
transparent background it is not appearing transparent
on the applet because the background of its container
i.e., the panel which is dragged along, itself is not
transparent.
My question is : "Is there a way to make a control, like a panel, background transparent in AWT or some other way that can produce a similar effect in AWT ?".
Please help me out.
Thanks.

Maybe the best way is to create your own component ( extending Component ) and then implementing paint() to do what you need.

Images with transparent backgrounds in MDM

I've got several images in MDM with transparent backgrounds, yet when i look at these in image manager (or thumbnails in data manager) they look terrible. The transparency is black for example, among other issues. These images are all okay in photoshop, they have been saved as .png and imported through the data manager.
Has this import ruined these image files on the way in? When my search engines etc extract the images, what of the transparencies?

Hi Adam,
MDM makes use of Internet Explorer quite frequently. I can imagine that this engine is also used to display images in MDM. However, Internet Explorer in version 6 does not support transparency in PNG images. That is why the black background occurs.
Since your images after upload are only saved in a binary object in the database, you should not encounter any data loss when using the same images. If you need to create variants, I would consider using Photoshop for the creation of those.
I hope that helps you further.
Best regards
Christian

Image with transparent background shows up with a white background in ID

Amateur needs help.
I have a copy of a logo with a transparent background. I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it. This has always worked in the past. But when I place this image into ID, it shows up with a white background. I have tried saving as a PSD, TIF, JPG, etc. I cannot get it to work.
I normally research these things until I find an answer, but I am on a tight deadline. Thanks!

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

Image with transparent background changes surrounding fill color when PMS...

Hello.
I have a .PSD image I'm using in InDesign CS3. It's a greyscale image with a transparent background. When I bring it into InDesign and set the background color of the image box to a Pantone and then print it, the PMS color within the area of the .PSD image size changes color compared to the rest of the page. But, when the same document is printed, but with "All Spot to Process" via the Ink Manager, the page prints fine. I get the same results on a number of different Canon and Xerox proofing printers. I have uploaded a PDF to my web server showing an example of the results I'm getting the PDF can be found here:
http://theboyk.net/temp/PMSvsCMYK.pdf
The first page is the document printed normally. You can see the color change in the green (Pantone Green). The second page is the same document printed with "All Spot to Process" via Ink Manager.
Does anyone know why this happens when I leave it as printing a spot color?
Any advice would be appreciated!
Thanks,
Kristin.

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

What is the most efficient way to create an image with no background?

When I create, or use, a logo, or type, or any graphic image,in a design, I want to import it to InDesign with no background - "transparent", if you will.
The steps involving importing from PShop seem convoluted, at best, with bitmap, greyscale and eps files... I know I am on the wrong track with this process, since it never seems to work.
Also, wish to import from Illustrator and sometimes Painter12.
Is there a quick'n'dirty way, or a best way, to do this?
Thanks, forum people!

First, it's OK to combine responses into a single post. Everything goes to the forum, not the individual, so we all see it all,so to speak.
Double clicking the background or duplicating it are just different paths to the same end, and you pick one based on what you are doing, as much as anything. "Background" in Photoshop is locked for transparency, so if you need a tranparent background you MUST do something. If I know I'm not going to need to do other stuff, I probably would double-click and convert the layer just for convenience and to reduce the file size, but if it's a client file or I know I may need to add adjustments and so forth, I usually will duplicate the background (even if I don't need transparency) and turn off the original. This gives me an untouched backup position and a source for making more copies, if necessary. I don't like doing any sort of destructive edit without using a copy of the original data.

Images with Transparent Backgrounds.

I would like to have an image with a transparent background, so that any image underneath will show through. I know that this can be done with watermarks, but I would like the flexibility to move the image around on a book page background. Is this possible in Aperture?

I still believe this a software problem with Pages
Ah, but your belief is based on suppositions and the suppositions are not based on data processing developments -:)
Apple Pages is a client of Apple ColorSync which is the Apple interface to the colour imaging architecture of ISO 15076 aka the architecture of the International Color Consortium. Apple ColorSync is also the interface to the Adobe PostScript colour imaging architecture for applications that depend on Apple Mac OS X to write Adobe PostScript, as Apple Pages does. Adobe InDesign, Adobe Illustrator, Adobe Photoshop, Adobe Acrobat, and QuarkXPress write their own PostScript, known as passthrough PostScript (cf the Adobe Acrobat interface, for instance).
That aside, you want to begin by NOT configuring your inkjet printer(s) with uncoated copy paper. As a rule, uncoated copy paper has so much optical brightener that it positively fluoresces in broad daylight. Try measuring with a spectrophotometer, and you will see the *b channel in the CIELa*b D50 2 degree standard observer measurement way, way, way out in the negatives.
Find the inkjet paper the manufacturer intended, and find the manufacturer's ICC profile for that paper. Then calibrate your printer as per the manufacturer's documentation, configure the ICC profile for that paper in the manufacturer's driver, and you should be OK. If you are not using a paper made by the manufacturer, find a photographer who can build you an ICC profile.
Cheers,
Henrik

Gif with clear background not working

Ok, so I have to do a workshop that I have done numerous times before through Keynote. I upgraded to Keynote 08. Now, any .gif file that is in my presentation has a solid white background. I get my files from animationfactory.com and they have clear backgrounds. I have downloaded and reinserted, yet i still get a solid white background. When I open it in the old Keynote there are no solid white backgrounds. Anyone know if this is a bug or if it can be fixed??

Ok, a little more information, but still no solution. It's coming in as a QuickTime movie, BUT it seems there may be something different about how the iWork apps do transparency now. Previously, (since this still works in iWork '06) they may have performed the transparency themselves. Now it appears that it's adhering to the transparency/mask that's in QuickTime and QT doesn't have the right info...
If you've got QuickTime Pro, you can play around with the transparency settings, but I haven't gotten too far with those for animated objects. For non-animated, if you convert the non-white portion to a solid black shape, you should get the effect you want, BUT it'd have to be done for EACH .gif. I'm going to check to see if these graphics will then work in iWork '06.
Annd, yes, it will work. I'm hoping something comes up in the interim that allows the regular .gif's to work. (Just to clarify -for myself LOL!- Because I can create a QuickTime masked gif that DOES work as expected perhaps QuickTime needs to read this info from the .gif when importing it and place it as the mask)
Message was edited by: Kyn Drake

Problem with reduction Of an PNG Image with transparent background

I have an PNG Image on my computer with a transparent background that I would like to reduce 50% and save it back to my computer can you tell me how to achive this?

Are you looking to reduce the size (pixel dimensions) by 50% or reduce the file size by 50%?
If you want to reduce the actual image size (pixel dimensions) you could go to Image>Image Size
and check resample image with constrain proportions and then enter 50 in the pixel dimensions at the top after setting
the drop-down to percent.
Or use file Save for Web and enter 50 under the percent under image size.
As far as saving you could use File>Save As in photoshop and choose png or File>Save for Web>png
(save for web usually results in smaller file sizes)

Help! Trying to import image with transparent background

I'm trying to import a picture that has a transparent backgound so when i layer it over video its just the picture itself not the canvas it was made on.
In photo shop I made it on a transparent canvas.
Whats my next step?

Thank you.
I have made my image with a transparent background in photoshop, now I need to bring it into final cut pro maintaining that transparent background, so I can layer it on video.
How to I do this?

How to insert image with transparent background?

I have several logos saved at .GIFs with transparent backgrounds that I would like to import into my dashboard, but it seems that the image component only supports JPEG. Is there a way to import images while maintaining their transparency?

Well, you CAN insert GIFs or other image formats. But I have yet to figure out a way to take a GIF with a transparent background and import it into my Xcelsius while preserving the transparency. The transparent background always just defaults to white.
This is a crucial feature as I have some logos I want to use that are circular. But if I can't give them a transparent background, it drastically limits their placement options.
I know that flash does support transparency, so am I missing something here?

Images with clear backgrounds please

Similar Messages

Maybe you are looking for