GIF and PNG aliased when placed over bg image

When I use Save for Web/Devices in both Illustrator and
Photoshop, the saved files look normal and display fine in browser
and other image viewing programs. However, when I attempt to turn
them into a navigation bar or rollover, they become severely
aliased when placed into a table (which is the layout). I tried
placing them just by themselves in a XHTML document and they do not
alias, even when the body has a bg image (I am using CSS and have
encounted no other problems). This is pretty frustrating and would
appreciated any help.

> When I use Save for Web/Devices in both Illustrator and
Photoshop, the
> saved
> files look normal and display fine in browser and other
image viewing
> programs.
> However, when I attempt to turn them into a navigation
bar or rollover,
> they
> become severely aliased when placed into a table (which
is the layout). I
> tried
> placing them just by themselves in a XHTML document and
they do not alias,
> even
> when the body has a bg image (I am using CSS and have
encounted no other
> problems). This is pretty frustrating and would
appreciated any help.
Have a link for us?
My guess is you either:
a) are using gif or 8-bit png transparency, and then placing
it on a
background that is of a different color than the one in the
original file
or
b) the image is scaled and you're seeing pixelization rather
than aliasing.
-Darrel

Similar Messages

Vectors printing jagged when placed over raster images

I am fixing a previously designed flyer for a reprint. On the last print, any vector object placed on top of the raster image was very noticeably jagged. This included both white text, which simply had jagged edges, to colored text, which had white jaggies as well. Drawn vector objects and clipping paths in jpgs were also jagged.
I used InDesign CS3 to create it, but I outlined the type, embedded all the images and exported as a .pdf (my project manager insists on this; so maybe it's not even an ID issue).
It looks fine when I print it on my hp LaserJet 2550n or the office's Canon iR 2800i - but that's never been a good way to tell how it's going to turn out at the end.
I know just making it all in Photoshop is probably the safest option, but I would really like to keep the sharpness of the vectors, and I've got Character/Paragraph styles etc going that would be a pain to redo in Photoshop. Plus, copy+pasting it into Photoship creates pdf/vector object that looks just as horrid (on screen - it looks the same when I print it on the above-mentioned printers, but I'm still paranoid).
Thanks for taking the time to read this and for any help you are able to offer!
Lisa

Peter, thank you for your reply. I really appreciate the help.
Generally, I use the default settings for [Press Quality], since I don't have a complete understanding of all the settings. I have appended the .txt pdf setting summary at the bottom of this post.
I'm aware that outlining type is supposed to be unnecessary but 1) my project manager insists on it because he doesn't want to deal with any kind of font problems (maybe if this is at the root of the problem it will push him to accept it), 2) I'm using Fontin & Fontin Sans by Jos Buivenga (a high quality free font) and the ligatures/alternate characters
sometimes don't show correctly when printed (replaced by a ?) or viewed on another computer without the font.
Yes, I embed the images into the ID document (Links - embed images). This is only because my project manager insists on this as well. It is unnecessary to do this when saving to a .pdf, correct?
Here are the settings I generally use when exporting a pdf to send to the printer (who do not specify any kind of settings):
Description
Use these settings to create Adobe PDF documents best suited for high-quality prepress printing. Created PDF documents can be opened with Acrobat and Adobe Reader 5.0 and later.
PDF Preset: [Press Quality]
Compatibility: Acrobat 5 (PDF 1.4)
Standards Compliance: None
General
Pages: All
Spreads: Off
Generate Thumbnails: Off
Optimize PDF: On
Create Acrobat Layers: N/A
Export Layers: Visible and Printable Layers
Include Bookmarks: Off
Include Hyperlinks: Off
Export Nonprinting Objects: Off
Export Visible Guides and Baseline Grids: Off
Create Tagged PDF: Off
Include Interactive Elements: Off
Multimedia: N/A
Compression
Color Images
Bicubic Downsample at: 300 ppi
for images above: 450 ppi
Compression: Automatic
Tile Size: N/A
Quality: Maximum
Grayscale Images
Bicubic Downsample at: 300 ppi
for images above: 450 ppi
Compression: Automatic
Tile Size: N/A
Quality: Maximum
Monochrome Images
Bicubic Downsample at: 1200 ppi
for images above: 1800 ppi
Compression: CCITT Group 4
Compress Text and Line Art: On
Crop Image Data to Frames: On
Marks and Bleeds
Crop Marks: Off
Bleed Marks: Off
Registration Marks: Off
Color Bars: Off
Page Information: Off
Page Mark Type: Default
Weight: 0.25 pt
Offset: 6 pt
Use Document Bleed Settings: Off
Bleed Top: 0 pt
Bleed Bottom: 0 pt
Bleed Left: 0 pt
Bleed Right: 0 pt
Include Slug Area: Off
Output
Color Conversion: Convert to Destination (Preserve Numbers)
Destination: Document CMYK - U.S. Web Coated (SWOP) v2
Profile Inclusion Policy: Don't Include Profiles
Simulate Overprint: N/A
Output Intent Profile Name: N/A
Output Condition: N/A
Output Condition Identifier: N/A
Registry Name: N/A
Advanced
Subset Fonts Below: 100%
Omit PDF: Off
Omit EPS: Off
Omit Bitmap Images: Off
Transparency Flattener Preset: N/A
Ignore Spread Overrides: N/A
Security
N/A
Warnings

Converting transparent GIF and PNG to JPEG

Hi,
I have been reading in various sample gifs and png files and converting them to jpeg via javax.imageio.
This works fine if there is no transparency colour defined in the png or gif file. But if it has a transparency colour, the resulting jpeg is messed up. Now, it appears the reason is because jpeg has no transparencies. So, my question is, how does one get rid of the transparency (assuming I want to convert it to 'white')?
For the record, I am calling
BufferedImage image= reader.read(0);Where reader is an ImageReader and I then convert "image" to jpeg.

import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class LoseTransparency {
    public static void main(String[] args) throws IOException {
        URL url = new URL("http://java.sun.com/docs/books/tutorial/figures/uiswing/components/ButtonDemoFiles.gif");
        BufferedImage bi1 = ImageIO.read(url);
        int w = bi1.getWidth();
        int h = bi1.getHeight();
        BufferedImage bi2 = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = bi2.createGraphics();
        g.setColor(Color.WHITE);
        g.fillRect(0,0,w,h);
        g.drawRenderedImage(bi1, null);
        g.dispose();
        JPanel p = new JPanel(new GridLayout(2,1));
        p.setBackground(Color.YELLOW);
        p.add(new JLabel(new ImageIcon(bi1)));
        p.add(new JLabel(new ImageIcon(bi2)));
        final JFrame f = new JFrame("LoseTransparency");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setContentPane(p);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

Logo image distored when creating a transparent gif and png

Hi all,
Creating a logo for my department with little or no graphic design exp. I'm experiencing issues when saving the file as a transparent GIF or PNG. The GIF removes the 300 dpi setting that the print shop needs to turn this into a poster and the PNG is creating some jagged edges around my logo. The image is 2000 pixels and about 7 in. by 7 in.
Any help would be appreciated. I can email the PSD to anyone if they can help. Here is the PNG:
And here is the GIF:

There was no abuse, just an observation. Would an abusive person be trying to help you? Is there a crime in suggesting that one prepare themselves with more experience before taking on a project like this?
Aside from low resolution, there were a few other signs that you might be in over your head with a logo design. Logos are typically created in a vector program (not Photoshop).
I cannot imagine a reputable print shop asking you for a PNG or GIF file when there are so many better formats.

Animated gif will not stop when placed in director

I have an animated gif I am trying to place into a director
file.
When its placed and I press play it will play the animated
gif over
and over. I also took the gif and saved it as a swf file
placed it in
director it does the same thing. Please tell me what I am
missing.
Also I will show the dir file if you need to see it.

Oops - wrong button - didn't mean to send that yet...
anyway...
You don't have much control over Animated Gif members in
Director. You
can use
sprite(animGifSprite).pause()
to stop the animation and
sprite(animGifSprite).resume()
to restart it. The tricky bit is knowing when to do those
things.
There is no way I know of to find out if the sprite is at the
end of
it's image sequence.
Perhaps a better way of going about it would be to take the
animation
apart into individual frames and load them into a swf member
(in Flash)
or a Film Loop in Director. You may have more control over
the
animation that way.
The fact that it keeps repeating over and over again is sort
of the
point of an animated gif... though I believe that you can
make an
animated gif that specifically does not loop back to the
start using
ImageReady or the newer version of Photoshop. Though I have
not tried
this...

Why can't PS CC read .gif and .png files anymore?

Everytime I've tried to load my files into my PS like usual (simply dragging the photo to the dock) I get this error message "Could not complete your request because Photoshop does not recognize this type of file." for both .gif files and .png. It's quite frustrating because a lot of my files on my computer are in .png format and I have previous .gifs I've made that I'd like to edit and can't. I have a Mac OSX and I've tried rewriting the file names but I still get the same message and I've tried making a new document in PS and pasting the photo but I only end up with the image below. I'm not sure what else to do anymore. It's quite frustrating. Any suggestions?

All right. That could also explain why my updates aren't working. (I'll try the same for my illustrator because those updates aren't working also.)

Work is lost after illustrator freezes and then crashes when copying over to photoshop

work is lost after illustrator freezes and then crashes when copying items over to photoshop, then when re-opening the illustrator file it gets to the end of reading the file to open then quits again? this keeps happening!

afrill,
It seems that you file has become corrupted.
One thing often tried first is to create a new document and File>Place the corrupted one to see how much may be rescued that way.
Here is a website where you can see whether it can rescue the file, and if it can, you may pay for a subscription to have it done,
http://www.recoverytoolbox.com/buy_illustrator.html
and another similar website,
http://markzware.com/adobe-software/fix-illustrator-file-unknown-error -occurred-pdf2dtp-file-recovery/
As far as I remember, the former is for Win and the latter for Mac.
Here are a few pages about struggling with it yourself:
http://daxxter.wordpress.com/2009/04/16/how-to-recover-a-corrupted-ill ustrator-ai-file/
http://helpx.adobe.com/illustrator/kb/troubleshoot-damaged-illustrator -files.html
http://kb2.adobe.com/cps/500/cpsid_50032.html
http://kb2.adobe.com/cps/500/cpsid_50031.html

7mins long 1080p footage with transparency placed over webcams image

Dear All,
I'm working on a flash project, where a 7 minutes long 25fps hd footage (at the moment as a PNG sequence) placed over a webcam's image. Importing the png sequence went all right so far, but when I'm importing the last scene (last 2000 frames) Flash crashes. I guess it's because I've run out of memory (I have 32GB).
Does anybody know a way to
A - import HQ footage with transparency (is there a codec that has alpha and works well with flash)
B - to increase an FLV's max bitrate
C - easily import a large amount of HD images (with transparency) without creating a 30+ gigabyte FLA file
Thank you in advance!

b (It took an hour to render a 6 min song. Is this normal, even though I've such a fast processor??)
With the number and type of filters you said you've added, that length of time doesn't sound out of the ballpark.
b I then placed the widescreen mask over the top of the nest. (FCP will only allow a max of 2min worth of graphics, so I copied it 3 times to fit over the whole song)
FCP has a wide screen matte filter that can be found in the EFFECTS tab in the Browser. It works by cropping the picture and the width and border (if needed) can be varied. You just drag it and drop it on top of the clip or nest in question.
b I then placed the widescreen mask over the top of the nest. I didn't have to render the mask and it played back fine. Unfortunately at each point where the mask met it caused a jump in frame on the nested track below.
You may have been able tyo watch the effect in real time, but it still needs rendering to play back 100% properly. The jumps you were seeing were most likely artifacts of RT viewing and would most likely have not been there after a COMPLETE render.
b A friend of mine has suggested exporting a Quick Time ref clip (not self contained) then importing it back into FCP.
This is one way of working and consolidants everything into one file. As long as you import this into a new sequence and keep your original, you can still rebuild anything you want by going back to the original sequence.
Finally, If you are doing any colour correction at all, you should be looking at a properly setup broadcast monitor to see what you are doing. Using the computer screen as a reference for colour is going to leave you very dissapointed when you view the final output on a television screen.
Good Luck
rh

How do I keep the name tags in Picasa Web Albums from appearing on the images by default? With Explorer, name tags only appear when mousing over the image, but with Firefox, all the tags appear on the picture as soon as it is loaded, which looks messy.

I use Picasa to create web albums, and I tag people who appear in the pictures. With Explorer, the name tags do not appear on the pictures until I mouse over a specific person, at which point the tag appears. With Firefox, the name tags appear as soon as the picture is loaded, and only disappear when you mouse over the people in the picture. This makes the picture look messy; by default, one would want to see a picture without tags all over people's faces.
The only way to "fix" this is to disable the name tags completely (or tell people to use Explorer!), but this is not an ideal solution, since I would like to be able to share albums with people's names in them.

I use Picasa to create web albums, and I tag people who appear in the pictures. With Explorer, the name tags do not appear on the pictures until I mouse over a specific person, at which point the tag appears. With Firefox, the name tags appear as soon as the picture is loaded, and only disappear when you mouse over the people in the picture. This makes the picture look messy; by default, one would want to see a picture without tags all over people's faces.
The only way to "fix" this is to disable the name tags completely (or tell people to use Explorer!), but this is not an ideal solution, since I would like to be able to share albums with people's names in them.

Line Height shrinks when hovering over linked image

Last line of text (above footer) has a small blue LinkedIn Icon as an image link.
20px line height shrinks when hovering over image.
Any workarounds will be much appreciated.
http://www.workandpartners.com/alan.php

I just get this (not a clue what it means)
traceroute to 64.74.37.37 (64.74.37.37), 64 hops max, 52 byte packets
1 * * *
2 10.14.96.1 (10.14.96.1) 12.189 ms 9.780 ms 8.065 ms
3 basl-core-2a-xe-132-0.network.virginmedia.net (80.1.81.217) 11.406 ms 13.427 ms 11.909 ms
4 brnt-bb-1a-ae10-0.network.virginmedia.net (81.96.0.145) 16.379 ms 13.749 ms 17.821 ms
5 brnt-bb-2a-ae2-0.network.virginmedia.net (62.254.42.97) 13.586 ms 13.458 ms 11.934 ms
6 * * *
7 * * *
8 teln-ic-1-ae0-0.network.virginmedia.net (212.43.163.250) 29.232 ms 21.650 ms 21.999 ms
9 m282-mp2.cvx3-a.ltn.dial.ntli.net (213.104.85.26) 19.471 ms 19.868 ms 19.467 ms
10 be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109) 19.360 ms
    be2317.mpd22.lon13.atlas.cogentco.com (154.54.73.177) 19.888 ms
    be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109) 19.905 ms
11 be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185) 90.699 ms
    be2348.ccr22.jfk02.atlas.cogentco.com (154.54.30.169) 91.068 ms
    be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185) 90.180 ms
12 be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106) 93.616 ms
    be2096.ccr22.jfk02.atlas.cogentco.com (154.54.30.41) 93.825 ms
    be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106) 92.053 ms
13 154.24.22.38 (154.24.22.38) 92.912 ms 93.622 ms
    be2356.rcr22.jfk01.atlas.cogentco.com (154.54.43.98) 93.354 ms
14 38.88.187.18 (38.88.187.18) 110.792 ms 110.920 ms
    te0-0-1-0.nr11.b001355-4.jfk01.atlas.cogentco.com (154.24.1.30) 95.400 ms
15 core1.te2-1-bbnet1.nyj001.pnap.net (216.52.95.11) 99.544 ms 97.433 ms
    core1-te2-1-bbnet2.nyj001.pnap.net (216.52.95.75) 100.225 ms
16 border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 99.988 ms
    border8-po2-bbnet2.nym007.pnap.net (216.52.95.108) 113.684 ms
    border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 104.885 ms
17 another9-9.border8.nym007.pnap.net (74.201.132.10) 104.346 ms
    border8-po2-bbnet2.nym007.pnap.net (216.52.95.108) 103.657 ms
    border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 109.178 ms
18 216.105.96.18 (216.105.96.18) 107.338 ms 107.705 ms 107.160 ms
19 64.74.37.37 (64.74.37.37) 111.865 ms !Z 130.731 ms !Z 124.707 ms !Z

Is it possible to define one language for every imported text? And other problems when placing text.

Problem is, that Indesign cc 2014 does not recognize language correctly. In my case it should always be slovenian (and documents like doc and docx are set to slovenian), but it set it as slovakian. I get many documents from different programs (Word, Libre Office, Open Office ...). And setting every one after placing it into document is time consuming. Word import was working great in InDesign 5.5. Now it just mixes local character formating. Also: importing docx takes too long, and when in document is some picture, it just freeze. So I must first open every doc/docx file and delete every picture/logo that is inside.
Any suggestions?

Check the language of your default Character Style. If it's set to Slovakian, change it to Slovenian with no documents open.

The time is wrong and spinning wheel when hovering over time

Since upgrading Macbook Air to Mountain Lion, the time is often incorrect and I get the spinning wheel when I hover over the top right of the screen (battery, date, time).

There may be an menu item installed from the previous OS X that is not compatible with 10.8. Open System Preferences and select Users & Groups. Select your account and then select Login Items. There may be items listed here with a yellow alert icon. If so, hightlight the item and press the Delete key on your keyboard.
If that does not help, or there is no item with the warning symbol, then try removing all items from the Login Items list and see if that helps.

Stop gif (and png I suppose) animations

How do I stop image animations in Safari?
I tried plugins like SafariStand and Pith Helmet, nothing seems to work.
I'm using Safari 3.2.1 on Mac OS X 10.5.6.

It could be related to the fact that Apple removed support for viewing animated GIF images in Mail, which also relies on WebKit to display HTML mail, in addition to display in Safari. But in my experience, it definitely works in 10.4.11, so it's probably just a Leopard-specific problem at this point.
Mulder

How to make a GIF and PNG save with the same colors.

I seem to get a slight shift in colors when saving a PNG. I save as png24 in photoshop then save as png6 in fireworks (to get degradeable alpha transparency), eg. please see logo for molecule clothing compared to background (only shows on some monitors).
Thanks for any pointers.

You don't note where you see the problems (which browsers, which situations) so I'm guessing it involves PNG gamma.
http://morris-photographics.com/photoshop/articles/png-gamma.html

Why is Illustrator very slow and locks up when I select an image?

When selecting an image with the links panel open Illustrator locks up for a good 20 seconds... When I close the links panel everything is fine.
This is very annoying since I use the links panel all the time in my daily work routine.
Anyone else encountered this problem?

Ok a little strange, as mine is now running well after the updates from a few days ago.
Apologies if this is a false positive, but I can now have the LINKS panel open while highlighting on a linked PSD. I will run a few more tests to see if the error appears in any other ways.
I completely agree that Illustrator CC in particular does suffer from lagging across the board. I have never seen CC or CC2014 running as smoothly as say CS6.
I use Universal Type Server and the lagging caused by this (especially when backspacing text) has caused me no end of problems, but they slowly release updates and the problems slowly get ironed out.
Also I know this has been said before, but I had issues with the Verdana and Tahoma fonts and this slowed Illustrator (esp CC 2014) down also. I had the fonts installed but they were causing issues.
I searched over the web and at my work for alternative versions of these fonts and collected (what we think to be) a reliable pack of these two fonts that we can now use on machines in case they have similar lagging issues. So try getting hold of alternative copies of Verdana and Tahoma...fonts can corrupt very easily!

GIF and PNG aliased when placed over bg image

Similar Messages

Maybe you are looking for