Gradient has stripes & workflow of save as web file question

Hi! Working now with AI CS6.
I have a gradient with 3 colours, but unfortunatly you can see stripes within the gradient, like it is devided in many little steps.
Any ideas how to solve this? The gradient should be very, very smooth.
Second question concernes the workflow of saving as web file.
In AI CS5 it has been easy to scale a grafic item in its meassures in the dialog "save as web file".
Just tiping the new messures for instance 100 instead if 50 px, click an then the preview of the file in the new size appeared at once.
It changed somewhat in AI CS6, the preview doesn`t seem to work properly. Annoying!
Am I am doing something wrong?
Help is most welcome.
Thanks a lot!

For the first question, what is your screen resolution and number of colors being used? Please check if you're using low screen resolution of number of colors in display settings. Increase it to the best possible. On Windows 7, calibrate your display again and check.
For your second question, try pressing tab and Shift tab keys after modifying the numbers and switch between Width and Height until you see the changed preview. In CS6 the apply button was removed which is causing this issue. This has been noted in other forums as well. http://forums.adobe.com/message/4730659#4730659

Similar Messages

  • Safari errors printing to PDF save / saving web file

    Suddenly starting getting errors today when trying to save a web page by either method. Printing-> save as PDF gives "Print" "Error while printing" after selecting a destination folder. Trying to save it was web file gives "The document “Match.com - Find Singles with Match.com's Online Dating Personals Service” could not be exported as “JL”. You don’t have permission." The only workaround seems to be to save to desktop without giving a title, change title, then move to folder and authenticate the move after being told I don't have permission.
    Any ideas? This has never happened before and I haven't changed any significant setting (that I know of!).

    HI and Welcome to Apple Discussions...
    Try maintenance...
    From the Safari Menu Bar, click Safari / Empty Cache. When you are done with that...
    From the Safari Menu Bar, click Safari / Reset Safari. Select the top 5 buttons and click Reset.
    Since you are running Snow Leopard, *make sure Safari is opening in 32-bit mode, not 64.* Right or control click the Safari icon in the Applications folder, then click: Get Info In the Get Info window click the black disclosure triangle next to General so it faces down. Select 32 bit mode. Also, (in that same window) *make sure Safari is NOT running in Rosetta*.
    

Web pages now include a small icon or 'favicon' which is visible in the address bar and next to bookmarks. These icons take up disk space and slow Safari down. It is possible to erase the icons from your computer and start fresh. *To delete Safari's icon cache using the Finder, open your user folder, navigate to ~/Library/Safari/ and move this file "webpageIcons.db to the Trash.*
    Relaunch Safari.
    Carolyn

  • Save for Web file size not updaing

    I am trying to save out a graphic for the web and I'm noticing that the little number indicating file size is not updating..did something change?
    OS X, CS6 Mac Pro, 16GM RAM Yosemite, 10.10.2
    Thank you!

    It should work. Maybe it needs a reset.
    Open Save for Web, press the Option key on your Mac, the Cancel button changes to Reset. Click on it and it should clear it to defaults.
    Alternate:  Reset Photoshop preferences: Hold down cmd-opt-shift, start Photoshop and click on Yes when the "delete Photoshop settings file" dialog comes up.

  • Save As Web File Slices

    I imported a *.mov in Photoshop CC and when I go to Save As Webfile the botton "Slices" is grayed out. What am I doing wrong?
    Thanks,
    joe

    For the first question, what is your screen resolution and number of colors being used? Please check if you're using low screen resolution of number of colors in display settings. Increase it to the best possible. On Windows 7, calibrate your display again and check.
    For your second question, try pressing tab and Shift tab keys after modifying the numbers and switch between Width and Height until you see the changed preview. In CS6 the apply button was removed which is causing this issue. This has been noted in other forums as well. http://forums.adobe.com/message/4730659#4730659

  • Gif and JPG save for web file sizes in CS2 and CS3

    Gif 64 dittered default CS2=2.63KB CS3=4.83KB
    JPG CS2Low=1.42KB CS3=4.03KB
    JPG CS2Medium=1.90KB CS3=4.51KB
    JPG CS2High=3.38KB CS3=5.99KB
    Why? Is there any solution besides keep using CS2 for web?
    Thank's in advance.
    regards
    Fernando Bergamaschi

    Each of the three JPG files increases by the same amount -- 2.61 Kbytes. That sure sounds like some common header block is being added in CS3. Did you check the "Optimize menu" button next to "Preset" just to make double-sure "Include XMP" isn't enabled? Or some other setting like that? Or check both images in Bridge to see if something is being added.

  • Curious: How does "Save for Web" reduce the file size?

    I do know HOW TO USE "Save for web" -- no questions there. I'm wanting to understand better what's going on under the hood.
    When I start with say, an 8x10 JPG at 300 dpi, I understand completely how bringing that down to 72 dpi yields a much smaller file. Simple math.
    What I don't understand is how the "Save for Web" function can reduce that smaller file size so drastically at the same dimensions, still 72dpi, with negligible image loss (at least at the 80% quality). Maybe it's just my amateur eyes, but for everyday casual web pages, I can discern no significant difference between the two 72dpi images. (At lower quality settings, I do see differences.)
    Can anyone explain a bit more of HOW Photoshop does this? Is it simply compression? For example, is it -roughly- analogous to converting an AIF sound file as an MP3?
    Thanks,
    cb

    Thanks, that worked. I figure there was a setting in there somewhere and was even in the right tab, but didnt think to click on that.

  • In Photoshop CS6, Save for Web strips out my filename after a period "." character

    I have a file named label-1.5oz.psd.  In Photoshop CS6 when I use "Save for Web" to save it as a JPG, it only wants to save a part of the filename: label-1.jpg
    I strips out everything after the period "." character.  I know it's incorrectly thinking that's a file extension.
    Any ideas how I can fix this?  Any settings I should tweak?  I'd really love for it to save the full filename without requiring me to retype the last part every time.
    Thanks in advance for any help!

    Oh if only it were that easy...  Unfortunately, they have to be cropped and resized, converting over from a print catalog where much of that work was originally done in InDesign, and now have to convert each individual image to make the web site look like the catalog...  but thanks for the suggestion, have already tried to automate what I could..  But much of this is going to be hands on...  getting my familiar quick keys to function correctly would help greatly.

  • Adobe Save for Web Error - Could not complete this operation, An unknown error has occurred.

    I can't create a .gif and everytime I do get that error above.
    Is there anyway I fix this?

    I found the solution (took forever to consolidate all the answers) for OS X 10.9 + Maverick. Finally!
    1. Change permissions (as AOTPR says) to your User/Library/Preferences file so that your admin and user (the one you are using) has read + write permissions within the Get Info pane (command+I). You may have to add them with the sign.
    2. Delete Adobe save for web 12.0 Prefs & Adobe save for web 13.0 Prefs files within the User/ Library/ Preferences folder. These may be hidden for some people, so when in a finder window, hold Option(alt) and click Go from the main top menu (keep holding Option/Alt) and click Library — the full Preferences folder should open for you.
    3. Change the view when in Save for web pane in PS. If you have it in Cover Flow — it won't work. Change it to another view like List or Columns view.
    Presto! Works for me on Maverick.
    Thank god. It took forever to get this cleared up!!
    If you have any questions, email me [email protected]

  • Save for web & devices has stopped working in (CS5) ?

    In save for web & devices, you alter the size, and select size, but it doesn't change it. It used to work okay.
    The only option I have is to change the image size under usual image size.

    my os is windows 7.  elements 12 worked fine for many months then save for the web stopped working

  • CS5 - Mountain Lion Upgrade has ruined "save for web & devices" output

    As title - I make a lot of web graphics, and immediately post-upgrade (from Snow Leopard - I jumped 2 OS versions) the output from Illustrator to PNG or JPG, regardless of settings, is awful.
    I had to output a small icon at full size and do the job in Photoshop - which worked perfectly.
    I've seen whispers on other forums of other users with the exact issue, but there's nothing like a resolution to it that I can see.
    Any ideas clever folk?

    Hi Mike,
    Thanks for this - I didn't think your answer would help initially, but it did!
    Somehow the reinstall of Mountain Lion, as far as I can tell, changed what I had always considered the "default" setting in the "image size" tab of "save for web" from "art optimized" to "none"
    A quick tweak back (to either that option or the "type optimized") and all is well, we're back in the game.
    Thanks so much!
    Paul.

  • 'Assertion has failed' Error when using Save for Web (PSCS)

    This problem is due to the Save for Web preferences becoming corrupted.
    Delete the Safe For Web Preferences by holding down CTRL+ALT whilst clicking on File>Save for Web.
    (the Save foe Web preference file is saved at:
    C:\Documents and Settings\~username\Application Data\Adobe\Save for Web\8.0\
    if you wish to delete manually)

    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

  • Save for web 72ppi (part 2)

    Hi all, the old post was http://forums.adobe.com/thread/662903
    The Include Metadata option in Save For Web... saves the info found in File > File Info with the image. No resolution data.
    This has zero effect on the image. Image resolution only affects printing the image. For viewing on the web, all that matters is height x depth measured in pixels.
    Save For Web strips all resolution data from the file. The file simply doesn't have a resolution out of SFW.
    The 72 ppi or whatever appears when you reopen into Photoshop, because Photoshop needs some resolution figure and therefore assigns 72 purely as a default value.
    I have to save some images for my DPS workflow with 72ppi and the same also 108ppi.
    I save the first using Save for Web and i think that is correct.
    The problem is the 108ppi output - how is the best workflow to this? Can i use Save for Web? I think no!
    I understand that Save for Web do not save 72ppi or any other ppi size...

    Think what you are quoting is what I have read also.  Not sure why they would specify 72 and 108 ppi.  That is just the pixels per inch of the display.  Perhaps they want a larger image on the website.  This could be acomplished by making the pixel size larger, without resampling.  At least that is the way I see it, but could be wrong.
    Take an image and open image/image size and play with the ppi with resampling off to check this out.

  • CS5 bug rendering anti-aliased text in 'Save for web'

    Seems like there's a bit of a bug when using 'Save for web and devices' with thin weights of type in CS5 for Mac. Although thin type looks fine while working in Illustrator, as soon as you enter the 'Save for web' dialogue, it gets badly mangled. Looks like this issue has been present at least since CS4. It does not happen in Photoshop. It looks particularly bad for light text on a dark background.
    Some people may say "sure, Illustrator is not really meant for intensive bitmap work". However, with features like 'pixel preview' and 'snap to pixel', Illustrator has (generally) become a very viable tool for web design, and personally I much prefer it to Photoshop. It is also clear that Adobe intends it to be usable in this manner. So the anti-aliasing render bug is definitely a problem. Just surprised they didn't address it when CS5 was born.
    I put up some example images on http://www.thesheep.co.uk/2011/06/24/illustrator-save-for-web-anti-aliasing-problems/ to illustrate the problem.
    Does anyone have any clever work-arounds for this? It's a bit annoying to have to move stuff over to PS before exporting, but maybe that's what I have to do. Hopefully Adobe will address this soon.

    Hi,
    I am experiencing this same problem of pixelated gifs when I use the "save for web" dialog from Illustrator, but this solution has not worked for me. I have tried the trick of using type-optimized anti-aliasing, but it doesn't change the output at all. I've done this from within the "Image size" tab as well as through Effect>Rasterize>Options)Anti-aliasing: Type Optimized. My image is a logo made entirely from text, although for some of it I used "outline path", so I'm not sure if it still qualifies as text...I'm a newbie at this stuff, so the technical details are still quite opaque to me.
    Does anyone know of a solution to this that does not require me to add Photoshop to my workflow?
    I'm using Illustrator in CS5, version 15.0.2.
    Thanks in advance
    Jonathan

  • Rendering glitch in Save For Web?

    Hello,
    When I "save for web" with some particular files, I get a rendering glitch in the image that takes the form of small, colorless horizontal lines.
    Example 1
    Example 2
    Where do these come from? What can I do about it?

    I have this exact issue.
    Happens in "Save for web" and in  "export". I managed to keep CS4 still installed and took the exact same  file and "exported" it and "saved for web", and no issue at all in CS4.  This is def. an issue that has popped back up in CS5 then.
    On my  attached image there is no gradients or special effects, just clipping  masks.
    I've tried the new options they have in save for web, "Art  Optimized" and "Type Optimized". The issue does not happen in "Type  Optimized" but the quality in type optimized is lower and it renders the  exact same as the vector file appears(so colors bleeding out a pixel  behind some objects etc.) The issue does happen in "art optimized".
    Issues  happens when saving in png and jpg format, with or without  transparency.
    I've  attached an example, notice the lines in her face. (same as initial  attached image)
    So is this a "wait for an update" sort of scenario? or is  this a "use a different program to save for web" scenario?

  • Gif becomes grainy/pixelated in 'Save For Web'

    Hello! I recently switched laptops and I have been having major issues trying to regain the quality gifs I used to make. After I have my gif set to go, I go to save it in 'Save For Web'. This is where all of my problems start. My gif no longer looks smooth, but the entire thing has a grainy or pixelated look -- and it doesn't change no matter how I fiddle with my settings. When switching from the 'original' to the 'optimized' tab in the save for web page, you can obviously see a loss of quality. It may be slight, but it makes a huge difference to me.
    Here's a side by side reference:
    Not sure if it will help, but here are my settings when saving (I have changed from 'pattern' to 'diffusion' and nothing changes):
    Thank you for any help you can provide!

    First, JJMack is correct: lots of colours (around 32100) in this example do make it harder to convert without grain.
    Second, the quality of the GIFs you produced in Save for Web (SfW) prior to the purchase of the new laptop were never any "better" - it merely means that the previous screen was unable to display the results at a decent enough quality to actually discern the differences between the original and the GIF version with reduced colours. Screen quality does matter.
    Second, Photoshop's Save for Web colour reduction algorithms are quite old-fashioned, and (far) better methods are available. Not in Photoshop, however. For a good conversion you will have to look elsewhere.
    Here is the original version @2x zoom (32101 colours):
    Photoshop's version. The best visual quality I could achieve in SfW (diffusion dither at 81%, perceptual). Obvious banding issues, and a very grainy result.
    Next up: RIOT (Radical Image Optimization Tool). RIOT features a newer "NeuQuant neural-net" colour quantization algorithm. Notice how the gradients are quite nicely retained, although here and there some issues pop up (lips/makeup, building, arm highlight, and greenery are missing colour). Overall, though, the final result is much less grainy looking than Photoshop's effort. At the expense of smaller areas with unique colours.
    Next, let's try Color Quantizer with standard settings,  a two factor gradient priority, and 256 colours. Dithering was set to Shiau-Fan @75%. Slight banding in the lighter areas of the background, and the building and lips are again missing colours from the original. Much less grainy than Photoshop's version.
    Colour Quantizer features a quality mask brush, which allows us to safeguard smaller areas with unique colours from colour degradation. I painted a mask for the lips, the building and greenery in the background, the skin of the woman on the right in the background, the lighter area around the vent, and the forehead to preserve those areas' quality as much as possible.
    I feel this result speaks for itself. There is slight banding visible in the lighter area of the wall on the right, but still much less pronounced compared to SfW's version. The colours are all there, especially the important ones for the makeup and the smooth facial tones of Kate. The shoulder's highlight is also preserved nicely. Even the woman on the right in the background looks spot on (which was yet another sore point in SfW's version).
    Arguably the best version. Far superior to Photoshop's failed effort.
    Fourth, if you are still using GIF to optimize still images: STOP NOW. GIF is terrible in comparison to properly optimized and compressed PNG files. Only use GIF when small animated movies are your goal.
    Here is a 512 colour version produced in Color Quantizer (Photoshop's SfW function lets us down once more, unfortunately: there is no option to reduce an image to 512 colours for PNG):
    This last version is visually (mostly) indistinguishable from the original, and clocks in at only 52kb.
    Of course, if you are saving this as a still image, jpg should have been your choice in the first place, since it is a photo.
    Conclusions:
    - avoid Photoshop's "Save for Web" function if your intention is a quality colour reduction;
    - avoid GIF for still images. Either use PNG or JPG. JPG works best for photos;
    - avoid Photoshop and SfW if your intention is to optimize PNGs well. Sfw cannot save PNG files with reduced colours beyond 256 colours;
    - fall back to external and/or online utilities to optimize PNG and GIF files. Color Quantizer and RIOT deliver better results than SfW. Or use online optimization tools to optimize animated GIFs (Optimize animated GIF). You can also optimize each frame in a tool such as CQ, and then import the individual frames into a animated GIF utility. Remember, each frame can save its own custom 256 colour palette;
    - for optimum quality a quality mask tool, such as the one in CQ, is a very effective and efficient method to guarantee the best possible conversion;
    - file sizes of png files created in external utilities almost always beat the ones generated in Photoshop and SfW;
    - a better choice to export PNG files is Photoshop CC Generator. At least that one allows for 8bit PNG files with full transparency (another missing essential feature that SfW fails to provide).
    Other resources (these refer to png, but are also effective for GIF optimization in Photoshop):
    http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
    PNG Optimization Guide: More Clever Techniques - Smashing Magazine
    Color Quantizer: Color quantizer
    RIOT standalone version (no installation required): http://download.criosweb.ro/download.php?sid=R

Maybe you are looking for