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.

Similar Messages

  • "The operation could not be completed" when doing Save for web

    Hi
    I have just installed Photoshop CS5.1 on my new iMac with Mac OS 10.7 (Lion). Everytime I try to do a 'Save for web' I get this error message "The operation could not be completed". After that Photoshop also hangs. I've tried many solutions offered in forums and the like, but nothing helps. I am getting quite desperate...Anybody?

    I found out the following:
    When I write in Terminal:
    sudo chmod -R u+w ~/Library/Preferences
    sudo chmod -R u+rw ~/Library/Application\ Support
    The error message disappears, until I do a restart of the computer. Then the error is back.
    My suspiscion is that the error came up after moving files from my old computer to my new one.
    It happened even before I installed Lion...
    So now I'm thinking of doing a complete new install on Lion, not an upgrade and then install Photoshop again. But I am not really looking forward to this :-(

  • How stop PS6 from removing the DPI value from an image when using "save for the web"?

    How stop PS6 from removing the DPI-value from an image when using "save for the web"?
    Example:
    - Open a tif image, that contains a dpi value (resolution).
    - Use the splice tool in PS6.
    - Export the slices with "Save for web", as gif-files.
    Then the dpi value is removed, the gif files has no dpi value (it's empty).
    How can we stop PS6 from removing the dpi value when using "save for web"?
    OR:
    When using the slice tool, how can we save the sliced pieces without PS removing the dpi value?

    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

  • 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

  • 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

  • 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!!

  • 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.

  • 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-

  • Slicing image issue when using "save for web"

    Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the  "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

    Completely wrong workflow. See the online help on the slice tool.
    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

  • White strokes disappear when I save for web

    I have white stroked lines in my document. when I try to save for web and devices the white lines are gone Illustrator CS3

    neither of these are selected. In addition a white box  that hides 
    type I don't want either disappears or becomes transparent in the 
    save for web and devices And my white type disappears

  • Poor image quality with save for web

    It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
    I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
    When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
    Steps to reproduce:
    1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
    2. Save for web
    3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
    Results:stair stepping, degradation, pixel trimming, general poor image quality
    Expected results: Previously the save for web feature allowed for a decent quality image

    I thought of that too so I tested on another machine with retina display and the file i saved on my machine looked bad on my machine and on the other comparable machine/display. So I sent them the original vector ai file and watched while they saved it the exact same way on their machine and the file looked fine on both of our machines/displays.
    All of the settings they used appeared the same as what I used but with different results. I don't recall changing anything but does anyone know if there is some setting that could have been changed that is causing this issue?

  • 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!!

  • 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.

  • Can't change image size % in save for web

    Hello,
    I'm using Photoshop CC. When slicing a web mockup, and saving for web, the image percent is blocked at 58.49% and I am not able to increase it to 100%. So my original image of 1024px wide comes out at 600px
    I haven't changed any settings (that I know of) and do not have this problem on any other mockup files I have. What setting do I need to adjust in order to save for web my slices at 100%?
    Thanks!

    I worked out what the issue was, my document height was over 8000px tall which is causing the issue, even though my slices are less than 2000px tall. When I temporarily crop the document to below 7000px, I can save out the slices at 100%. Annoying work around.
    It seems a bit random.

Maybe you are looking for