Illustrator cc image looks pixelated after saving with transparent background

as the title states; image looks pixelated after saving with transparent background...
i created a logo in adobe illustrator cc and i wanted to saved it for web in order to be able to copy and paste the logo where ever I wanted but the image looks extremely pixelated after saving as an png, and for web. Is there a solution for this?
Any help is appreciated.
Thank you!!
Jon

What DPI did you save as:
You should always save as 300dpi, then you can always reduce the size as needed.
Another thing, don't copy and paste, that always causes that Problem.
In Acrobat you should open Tools Menu click on Content Editing the Add Image.
Then click on image and choose Properties and place where you want and size as you desire.

Similar Messages

Saving image and layer separately with transparent background

I have a photo with a layer and I am trying to save two images (main photo and layer) with transparent background. I am able to save the main photo with transparent background but somehow not able to save the layer with transparent background despite selecting the option while saving as PNG. Any help will be appreciated?

OK... I'm probably not being clear.
When I import the PDF, I get a typical architect's line drawing as shown below. So the background is displaying as white. In Corel, when you save a GIF or a PNG, you can specify that -everything- that is the 'background colour' is rendered as transparent. IOW: there's no need to erase the 'white' pixels; they are auto-magically converted to transparent.
But in PS (CS4), no matter what I try, the rendered PNG or GIFs show as white, rather than transparent.
Is there a way to have this same behaviour in PS? Or do I first have to use the erase or background erase tools to get rid of the white?

Save jpg or tiff with transparent background

How do you save a jpg image of something (ART) created with a transparent background so that it can be printed on fabric?

AppleWorks doesn't handle transparency well, even using formats such as .gif or .png saved with transparent backgrounds in another application. However, a few years ago I accidentally discovered that if an object is flipped or rotated in AppleWorks, the background will become transparent. The object doesn't even have to be .gif or .png & have transparency.
Once I discovered this, I used GraphicConverter to flip an image horizontally & save it as a PICT. Then I insert the object in my AppleWorks document & flip it back. I use PICT because it is the only graphic format that will retain the native resolution. All other graphic formats are changed to 72 dpi by AppleWorks.
Unfortunately, the last few times I tried this, it no longer worked. For myself, I use Pages for this kind of work now. I handles transparency very well.

CS6 InDesign - Default display is high-quality. Four placed images are Illustrator files. Three images look the way they should - high-quality. One image looks pixelated. Why?

InDesign CS6 - Default display is high-quality. All four placed images are Illustrator files. Three images look the way they should - high-quality. One image looks pixelated. Why?

Not sure if this will help, but what is your inDesign file's "Transparency Blend Space" set to? It's under the edit menu.
Also, when you are placing your images, are you selecting "Show Import Options" and making any selections there?

Images look pixelated on my iPad

I'm making a small publication with simple interactivity and I'm having a hard time figuring out why my images look pixelated and blurry on my iPad. They are TIFFs, but tried converting them to PDF, PSD, PNG, and JPEG and all formats look the same or worse. I changed the resolution to 150 (they were at 72) and it still looks like, for lack of better word, crap.
I even tried laying out each photo in InDesign using the 1024x768 dimensions and exporting each image as an interactive pdf, since that seemed to work for the vector imagery I'm using, but it also looked really low resolution. Does anyone know why this is happening? I would greatly appreciate any advice. Thanks!

What size are you making your folio in Folio Builder Panel (FBP)? I assume you are testing on an iPad 3. Make sure the folio size is 2048x1536 in FBP. You can leave your InDesign document at 1024x768. Make sure the folio format is set to PDF too.
Neil

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

How do I transfer a .psd file to illustrator that can then be placed in Muse as a .svg with transparent background?

I just wrote all this up in another thread. I did not realize at the time that the last post was in 2014, so I'm giving it a go here.
I am currently trying to create an .svg using Photoshop .psd file (with layers in tact). I'm new to these products so it may be obvious to others that the above intention was to eventually place the .svg in some sort of website creation software such as Muse. Which is precisely what I am attempting. However, I am getting a white background once I place or copy and paste into Muse. My starting .psd has a transparent background without any hidden layers causing this problem. To test this I placed the .psd file into Muse and it still has a transparent background. However when opening or placing this file into illustrator, it picks up a white background. If I do exactly as described above, I still get the same result. So far I have tried:
1) Simple copy and paste from Photoshop .svg to illustrator to Muse. Result - white background.
2) Placing the .psd in illustrator, then placing the .svg file in muse. Result - white background.
4) I have also tried the every combination of 1 and 2. - Result - white background.
3) I have now created a path in Photoshop from the text layer to yet again attempt the above methods. Result - white background.
I'm including an image of the object I am trying to place with transparent background, but I have both a flattened rasterized version, a version complete with layers and a third (.svg) with the corresponding objects. I am completely new to Illustrator as of today so any help would be greatly appreciated. Thanks.
Link to .psd file "Welcome text"

I was having some difficulties getting the correct dimensions of one of my objects, I eventually solved this problem without using svg. It was pretty simple when I stopped trying to over complicate things. I just linked the object to a near by object in photoshop, merged and placed it all as one. It looks great now. Thanks for your reply. You are correct, SVG was not the answer.

How to create image slice with transparent background without white halo around?

Hi, I want to make slice image with transparent background. I set the slice option background color to my background color. But when the image is on my html page set against the same background color, it has white halo around:
How can I get rid of the white halo?
I need the slice image to have transparent background and not have a color background because it's going on a rollover button with the background change. I don't want it to look like this on rollover:

>it looks to me like you built it with that "halo" to start with.
No, I didn't put in the halo myself. The shape is a character from the Webdings font. It's set to some darker fill color and set on a transparent background. Photoshop put the white halo there after "Save For Web".
> Make your graphic on a transparent background and Save for Web
I did exactly that, see:
I set the slice background to my color. I try the Matte option and come out the same with white halo.
It seems I'm not making Photoshop antialias to my background color, instead Photoshop just antialias to white.
What else do I need to do?

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.

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);
}

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?

Photoshop Image with transparent background - exporting gives me a white background ?

Hi,
OK, hours of my life have gone into this one already - I guess that's computers! I have some images in Photoshop which already have transparent backgrounds, however when I try and drag these into a different program, they move across with a white box as their background. I have tried saving as TIF, GIFF ... - all sorts, so I am clearly missing a pretty fundamental step that I can't see.
Any help would be SO appreciated.
Thanks.
Doreen.

Save as PSD or PNG, depending on whether you final output will be print or web. Then use Place instead of dragging the image over.

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.

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

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

Illustrator cc image looks pixelated after saving with transparent background

Similar Messages

Maybe you are looking for