Illustrator CS4 - when I save for web my vectors are pixelated. Help!

I recently updated to CS4 (I know, I'm still behind the times) but ever since when I 'save for web' my vectors appear pixelated. It seems worse when I want a transparent background. My images are for web and this just won't do.
I've read a lot on this and can't seem to fix my problem, but here is what I have tried: Anti-Alias is checked, view > pixel preview, view > overprint preview, object > rasterize, and probably a few other things. If anyone can help me with this issue it would be GREATLY appreciated!! I've attached an image so you can see what I'm talking about. I created this schematic in Illustrator CS4 and saved for web with a transparent background and, as you can see, it appears pixelated everywhere.

I'm not sure what you're looking for but here is my save for web options. Let me know if you're looking for something else. And thank you for trying to help!!

Similar Messages

When batching Save for Web, Illustrator also saves copy of .ai file

This question was asked and abonadoned here, so I'm posting because it's also happening to me.
CS4 & CS5 (I tried both), Mac OS 10.6
1. I select the "Save for Web PNG" action, which is part of the default set, and select "Batch."
2. I choose a source folder and choose a destination folder, and check "Override Action 'Save' Commands."
3. Illustrator then performs the Save for Web action, but puts the .png files in the original destination specified in the action. It also puts copies of the .ai files in the destination folder I created and specified in the Batch dialog box.
I want the .png files in my folder, and I don't want copies of the .ai files.
Pulling my hair out on this one, going to lunch. Thanks in advance for any help

Ah, ok. That worked, for the most part. When I used "Folder" as the destination, my jpegs were saved to that folder, but I also got the .ai copies again. Argh. It was only when I chose "Save and Close" as the destination that I got just the jpegs.
So "Save for Web" is actually a type of export, rather than a save. It's confusing, since the action is called "Save for Web…" Plus, the batch works — in the original way I set it up — with a regular Save command.
btw, the top section only goes gray when "Save & Close" is selcted (see screen shot). Thanks for your help.

When I save for web and device in Illustrator, I see all the pixels... What is wrong?

I have created a vector image. When I save for web and device in Illustrator, the image does not come out clear even if I'm saving the image the same size as the artboard. I can see the coutours (pixels)... I've opened the file on another computer and everything is perfect. What is wrong on my computer?
I have reinstalled the program and did all the updates. What else can I try?
Thank you!

So that you know next time that option is no longer available so to speack it is now under a dropdown wiht the default none then Type Optimized or Art Optimized in CS 5 and operhaps CS 4 as well

Bad resolution when I save for web

Just got Illustrator CC and its really bad resolution when I try to save for web on my new MacBook pro Retina (Don't know if it got anything to do with it)

if you draw something using paths in illustrator and save it as AI or PDF, it will maintain those paths and draw its appearance (strokes etc) to whatever resolution you screen is at (or whatever you print it at). if you save something for web, it will convert those appearances into pixels. if you zoom in on those pixels, all they can do is get larger and make your image appear more blocky. when you save for web, you want the resolution of what you're saving to be the same as the resolution it will be used at. if you save an image at 100x100 pixels and then view it at that size on screen, it will look as good as you screen is capable of showing. if you enlarge it, it won't.

CS4 PS crash in 64 bit Save for Web but not 32 bit - help!?

Anyone got any ideas please on how to stop Photoshop CS4 crashing on Save for Web in 64 bit version of Windows 7?
Running Windows 7, 64 bit Pro with both 64bit and 32bit versions of Photoshop CS4 installed.
The problem: I design a website, add slices etc as I've done for the last 10 years, go to Save for Web and as the dialogue box is opening and the blue bar at the bottom starts to show it loading, it gets just over half way and then crashes, saying the error message 'Adobe Photoshop CS4 has stopped working'. No solution available and then closes. Does this quite a few times (say 20-30%) of the time but not always. Tried the same PS document running 32bit version of Photoshop CS4 and it saves for web fine, never any crashes, only using the 64 bit version of PS. Need 64bit to take advantage of extra memory etc and one of the reasons the machine/ software combo was bought for.
Running a brand new (well about a month or so) Dell T3500 dual Xeon W3505, 12gb ram, Nvidia Quadro Fx 3800, Raptor HD etc built to run Win 7 Pro and CS4 Extended. I suspect the spec isn't to blame, checked all the hardware etc, no plugins that arent standard with a new install, so no obvious reason I can tell of as to why its not working. Not much else installed and started playing up before I installed other bits of software so doent make sense it might be other software cauing any problems.
Put a support query in and basically got told CS4 wasnt tested with 64 bit CS4 and directed to a possible support solution to 64 bit running on xp/ vista with general advice. No use whatsoever.
Firstly, anyone else having the same problem? Secondly, anyone know how to solve this? If its any help, I've pasted the Action Center info on one of the many crashes:
Description
Faulting Application Path: C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Photoshop.exe
Problem signature
Problem Event Name: APPCRASH
Application Name: Photoshop.exe
Application Version: 11.0.1.0
Application Timestamp: 499bfd16
Fault Module Name: Save for Web.8BE
Fault Module Version: 11.0.0.12
Fault Module Timestamp: 48d3966d
Exception Code: c0000005
Exception Offset: 000000000007e1a0
OS Version: 6.1.7600.2.0.0.256.48
Locale ID: 2057
Additional Information 1: 9d66
Additional Information 2: 9d660f0d14b8fce02b9e5a9838f791c7
Additional Information 3: d5f3
The graphics card supports the new GPU features but tried with and without those turned on - still the same problem. Tried all sorts of preferences on and off but still no joy.
Would really appreciate any help/ advice on solving this.
Thanks.

Been reading up on that c0000005 error and in all the Operating systems it is a access violation. There are a lot of hits about windows 7 and software not being allowed local access and be saved that way too. What I think is that windows 7 is not allowing it for some reason in 64 bit mode or some security setting in the local needs adjusting?
I found this interesting fact
I was reading where testors were monitoring how windows 7 firewall allows DRM to run in the firewall. All the software they tested asked first for firewall permission (my software on my system asked first so know it is true on my other system). However, according to the testers, with PS CS4 the DRM does not ask to run with firewall premission. Windows 7 just bypasses the asking part and PS CS4 DRM gets firewall access.
Edit by me:
Google the offset code and your the very first to report it.

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to keep all my web jpgs @ 72ppi. Any solutions?

It opens up as 900x600 @300ppi
Here's a screenshot-

Why does photoshop automatically rename file names when using save for web?

All of a sudden when choosing Save for Web, when i type in a name for my file in the File Name: dialog box, when you click "save", it saves the selected slices as the name of the document and not what i typed.
For example: My psd file is called "website header" and i want to save the slices with the name "index". If i save slice-02 or slice-06 it will save as "index_02.jpg" but if i choose slice 01, it will save as "website-header_01"

Check your settings in the SfW output options and yopur slice names in PS itself.
Mylenium

Terrible image quality when using Save for Web in Adobe Illustrator CS6

When saving images of any format and of any ppi using "Save for Web", "round" corners become blurred and pixel , "acute" (vertical and horizontal) angles are clear and of good quality. Reinstalled system with the hope that the cure (Windows 7 64-bit) - has not helped. Up to this point, such a problem did not face, all was well. How can i deal with this?

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

When i 'save for web and devices' in illustrator, the resulting jpg is cropped

Has anyone run into this before? I'm trying to 'save for web and devices" in illustrator, but the resulting jpg doesn't show the whole artboard. its cropped off some of the top and bottom. my file is a simple box with text inside. no other graphical elements of any kind.

Thanks Monika. I have a 3.25x3" artboard that has just text on it. I selected "save for web and devices" and the preview window shows the artboard smaller than actual size so some of the text is cut off or pushed to the edge. I saved it just to see what would happen and the resulting file is just as was with the preview. I also tried doing a 'save as' for the jpg and same result. Oddly, I outlined the artboard with a box and the jpg came out fine. Any ideas?

Where is file saved when I "Save for Web?"

when I'm using "save for web," (AI 2014 CC), I get a 'Save" button, but no "Save As" button. After hitting "Save," I can't locate the new file on my disk. What's the trick?

John,
It may be time for the list: obviously, you should be given the option of where to save; unless it is a new feature just sending it off somewhere on the internet.
The following is a general list of things you may try when the issue is not in a specific file, and when it is not caused by issues with opening a file from external media. You may have tried/done some of them already; 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
If possible/applicable, you should save current artwork first, of course.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to at least 5 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible), for CS3 - CC you may find the folder here:
https://helpx.adobe.com/illustrator/kb/preference-file-location-illustrator.html
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall (ticking the box to delete the preferences), run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

White space around image when doing Save for Web

Say I draw a simple square in Illustrator CS6 then export it to a PNG using Save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.
No other hidden elements are around the image. Clip to artboard in not clicked.
Why does this happen and how do we get rid of it?

For once I get to answer a post and say somehting good about align to pixel grid.
Turn it on
Your image will now align to the pixel grid
Turn it off when not doing web work, or will drive you mad.

Photoshop CS4 Save for Web JPEG Colors are Off

Ok, I've scoured the web to see about finding a solution for this and tried every possible option and still I'm coming up empty handed. I have a website that I'm developing for a painter and have an image converted to sRGB, and the colors are where I want them to be. I use Save for Web, and every iteration suggested online for the, embed and don't embed, convert to sRGB and dont' covert, use document color profile, use windows, yada yada. Here's a recent example:
when i preview the image with Firefox, here's the difference:
The photoshop version is on the left and is the color that I want/need. The image on the right is firefox and saturated. If I save for web with embedded profile, safari is accurate, whereas firefox is saturated, so it's obviously discarding the icc and using some color space that I can't see in my file. I did notice that if I have my Custom, Proof and select Monitor RGB, then I can see what firefox will ultimately display and also what Safari will display if i have Embed ICC Profile unchecked in the save for web dialogue box.
I know that CS2 and CS3 were easier and less squirrely with color managing web files, but I think CS4 has some juju under the hood. Am I the only one out there frustrated, or like other web developers just accept the inaccuracy and move on? Since this is fine art, I'm doing my best to dial the color in, but it's been all afternoon beating on this.
Any ideas, I'm ready to install CS3 and see if my life will be easier, but I'm wondering if having Photoshop CS3 and CS4 will cause any issues.

>> your logic
That's my rant and I'm sticking to it.
The OP wrote he doesn't want or need to discuss the pros and cons of embedding profiles in Web images, but for the sake of anyone else reading this:
1) Embedded ICC Profiles increase file sizes (about 4K per image).
a) I may have over 100 thumbnails and dozens of photos on one page,
b) Plus, I may have an image sliced into many pieces.
c) That additional 4k per image, per slice, will add up fast and may kill dial-up traffic.
2) Very few computers use color-managed web browsers or calibrated monitors anyway, and
3) Problems with matching/blending image's edges or background color with a filled box or page color.
d) If I tag the image — on Mac colormanaged browsers — the color will mismatch the box/page color on managed browsers because the tagged image is being Converted to MonitorRGB, and the untagged page or box color is having MonitorRGB Applied.
e) This matching or blending a pixel-based graphic to page color is a pretty big deal to do correctly in professional web publishing.
f) If I publish untagged sRGB images/graphics, the box/page color will match the images and blend correctly in all browsers.
I WILL QUALIFY my general recommendation about embedding profiles in pixel-based web images for the following reasons:
1) You are posting fine-art images, creative portfolios, and are not worried about adding 4K additional data per image, per slice.
2) You are not worried about having Mac visitors seeing graphic blends or photos mismatched to a background color.
3) You understand only properly-profiled monitors and color-managed web browsers will benefit from your embedded profile — and it is likely 99% of web surfers don't have either — however, if you are targeting the one percent who do, then there is your number one best reason for tagging web photos with embedded profiles.

Crop Area Tool leaves a small border when using Save for Web

A grain of sand as problems go; tiny but irritating.
The process:
Click on an object (or grouped objects) with the Crop Area Tool.
Click File, and Save for Web and Devices
The problem:
The resulting image is offset one pixel from the crop area box, leaving a white or gray border on one or more edges. No empty space between the image and crop area box is detectable when zoomed in all the way. All measurements appear accurate.
I'm using Illustrator cs3 13.0.2, with Windows XP.
Has anyone else come across this problem?

Yeah I have the same problem and it is incredibly frustrating!!

Problems with Fit to Artwork Bounds when using Save for Web

When I do the Fit to Artwork Bounds function under Artboard Options and then Save for Web, the file has a line of white (or nearly white) pixels at the top. As a workaround, I then open the png file in Photoshop, crop out the white line of pixels and resize the image, but that shouldn't be necessary. How do I prevent it from making the white line of pixels at the top?
I'm using Illustrator CC on Mac OS 10.7.5.

you can make your art go a little bit over the bounds. or you can make sure your artboart and art edges align to pixels

Logo is missing elements when I save for web

I was given a logo to work with for a project, but whenever I try to save it as a gif, jpeg, or in another image format, the text of the logo is missing.
Here's a screenshot of what it's supposed to look like:
Here's a screenshot of what it looks like when saving for web:
I've adjusted the colors of the butterfly and the text to the lime green color you see, but the text is missing and some of the original colors appear on the save for web preview.
I've tried the following to no avail:
Copy & pasting the logo
Changing colors
Ungrouping the logo
Expanding the logo
Adding stroke
Live paint
Saving as a PDF works, but when I tried printing flyers with the image at Kinkos, I ran into the same problem with the text disappearing. Does anyone know how to fix this? I know I could just put it in Photoshop to get the final product I want, but I'll be using this logo in the future and don't want to have to experience the hassle again.
This is in Illustrator CS5, and I'm working on a PC.
Thanks.

You're welcome. I wishthere was a way to have "white set to overprint" marked some how of course you can always tst it by turning on overprint preview.
But if you do not have that turned on it would be nivce to have a marker of some kind.

Illustrator CS4 - when I save for web my vectors are pixelated. Help!

Similar Messages

Maybe you are looking for