Save for Web: line artifact at right edge
I've searched the forums and the Web for this one, but I can't find any answer. I'm currently in CS5, but I believe this was happening in CS4 and maybe earlier.
When in the Save for Web dialogue (it doesn't matter what format I'm saving to or if transparency is on), sometimes an artifact line of some sort appears on the right edge of the image as seen in the screenshot below (the image is just white & black and the gray is off the artboard). It's not just in the preview…it's in the saved file as well. It seems to occur when the edge of the artwork lies at a certain distance from the edge of the artboard and I'm changing the size of the exported image. The exact pattern of the artifact is not consistent, but it's always vertical along the right edge. Changing the image size and whether it's art or type optimized (or not at all) changes the artifacts.
I can usually get around this by adjusting the edge of the artboard, and it sometimes goes away at a certain image size.
Has anyone else seen this and know why it occurs (if it's not simply a bug we can't do anything about)? It happens to me very frequently.
Thank you.
I don't know what you can do about it once the art is drawn but in order o avoid this from happening if you are intending for the art to be used on the web is to turn on align to pixel grid.
You can do this by creating a web document and leaving the defaults or if for soe reason you are using cmyk then you have to turn it on either in the new document window or from the Transform panel.
You see save for the web means exactly that and if you art is not whole pixels well you see the problem theree is going to be extra space and if that includes rasterizing then that might end up being more than one pixel extra.
Here the art is drawn with the Option turned on
Here it is without the feature turned on it actually happens on the right and bottom.
Similar Messages
-
Save for web/devices preview looks different
As you can see from the image below, the color is drastically different between the document (left) and the save for web and devices preview (right). Does anyone know why this would happen? When I publish the file from the save for web and devices menu, the color is correct, it's only the preview that is busted. So while it isn't a huge problem, it's definitely an annoyance. Thanks.
Chris,
Thanks for that information. So what would be the best way to proceed such that there is no discrepancy between how the file looks while I'm working on it and after I export? As you can see from the pic above, the difference is substantial. Should I just use Save As instead of SFW? Thanks. -
Hi,
This is probably a basic thing, but when I use gradients in an image and then save for web and devices, I get swirly, kind of translucent lines if I save as jpeg or png. If I save as gif, I get banding. Is there a way to get rid of them? I should be able to use gradients for a web image, right?
Thanks!Hi shunithD,
Do you mean copying and pasting each layer into photoshop, then rasterizing each element or layer? I could try that.
I'm wondering if my monitor is the reason the image looks bad to me. I have af large lcd flat screen. I'll check on my daughter's computer. If it doesn't really show for other people, I'm ok with it as it is. I just realized that the main parts that look swirly or blurry to me are the letters on the logo, and the checkered background. Those don't have gradients, so maybe that isn't the cause.
Thanks! -
[CS5][Save for Web][Anti-aliasing] Fine lines in exported PSD with adjustment layers
Hello,
You can reproduce the bug this way:
- link a PSD with a adjustment (Levels, Brightness/Contrast) layer in your AI file
- Save for Web, with AA for Art (not text) selected
In the exported image there will be artefacts, white lines usually.
Flattening the PSD or deleting the adjustment layers will solve the problem and anti-aliasing will be applied correctly.
I used CMYK/RGB settings, FOGRA39/Adobe RGB 1998 for all the files involved.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 -
CS4 Save For Web not the right size
I'm having problems with Illustrator images when I use the Save For Web. The image size always comes out the same size as my artboard. In other words I set up a new document to be letter size, create my drawing within that document. My drawing is only about 300 px by 150 px. When I Save for Web my image is the same size as the document or artboard not my drawing. Is this something new in CS4? Do I have a preference set incorrectly? The only way I have found to get rid of the background is to adjust the size of the artboard manually. Is there a way to adjust the artboard to fit my drawing automatically, like cropping to an object in Photoshop?
CS,
Basically the same issue was up, and answered, recently here:
http://forums.adobe.com/message/2667045 -
Photoshop CS6 Save For Web UI extra border Bug
Last week we finally got upgraded to CS6, and I'm dissapointed to see the visual defect I reported in CS5.5 still exists in Photoshop CS6 Save for Web. The details and screenshots are all the same as in my previous thread. http://forums.adobe.com/message/3843054#3843054
Isn't there a way to fix this? I rely on PhotoShop to be pixel perfect, not to add extra distracting lines and borders to my work.FYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel -
Photoshop CS5.5 Save For Web UI extra border Bug
I have observed on two different Win7 32bit workstations with Photoshop 12.1 x32 from Adobe Design Premium CS 5.5 that save for web seems to add an extra pixel of workspace background grey to the inside black border of the image display on the right and bottom edge. It's very annoying to see this extra padding in the image since it makes me second guess whether my image crop was accurate. Please see the screenshot below which was taken of a completely red image in the save for web dialogue window. Notice the top and left border of the image don't have the same problem. I've also used a screen magnifier utility (pixie) to make the issue more obvious. Fortunately the issue seems only to affect the UI, the file that is saved doesn't have the extra pixels included. I hope this issue can be verified and reproduced here so that it can be fixed in future updates.
Thanks!
-tonyFYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel -
Illustrator CC 2014 - save for web cuts off image
In Illustrator CC 2014 when I save a vector image with a thick stroke (e.g. 20pt) while using save for web and clipping to the image (so not selecting clip to artboard) and scaling to e.g. 20%, then the edges of the drawing are cut off.
I'm not completely sure but I think previous versions didn't have this issue.
If I save the image at 100% no edges are cut off.
I suppose save for web uses the center of the vector line to determine where to cut off the image if the image is scaled down.
But it should use the outer 'edge' of the stroke to cut off the image.
Any ideas to the cause or solution?
P.S.: Yes, I'm a Windows user ;-)I've ticked Edit>Preferences>General>Use Preview Bounds
That would seem the right way to solve the issue but the problem remains.
Maybe the origin of the issue isn't because of the centre of the path / artwork size.
Since there is no problem (with or without "Use Preview Bounds" ticked) using Save for web while scaling at 100% (or higher).
The clipping only occurs when scaling down. -
Hi,
When I use "save for web" in Illustrator CS2, I get a halo effect on the left and bottom of the image. If I use "select eyedropper color" this thin line on left and bottom becomes that color. If I use "none" it is white.
I have tried clipping to artboard and have exhausted ideas.
This happens when I save jpegs. If I view the image in a browser from clicking the browser button in the lower right corner of "save for web" this thin rule left and bottom does not appear. But When I drop the save image in a webpage, there it it.
I do not have this problem in Photoshop. I think they are both driven by Image Ready?
Thanks for any help, it is much appreciated.
KevinThat's never been saved as part of the S4W presets. Bloody annoying.
-
Save for Web or Save As Jpg for website
Saving photographs for my website. Files are big, 1140 pxls high (width varies with cropping/landscape or portrait). Because of the large size of the photographs on screen, I need a good quality file - minimal artifacting.
Is Save for Web (Tiff or PSD to Jpg) going to give me a smaller file size than Save As Jpg at a similar quality (compression) setting?
Website is Flash, so I'll strip the metadata, but in situations where I want to keep metadata embedded (ie on blogs), is Save for Web still going to give me a smaller but still high quality file?
Can anyone explain what Save for Web does differently to Save As - when dealing with Tiff/PSD to JPG?
Thanks!
Mac, CS5.5I'm not discounting the ability to inspect images in greater detail. I'm just noting that it is inefficient as a designer/publisher to push more data than what the average user needs. That is not how the internet works now or in the future. You did not download the entire Adobe forums for offline reading. You open only the forum pages/discussions that interest you. We invite data to us. We don't have it slammed at us. I would not doubt that your pinch zoom example could be addressed with a javascript event to load a higher resolution graphic between the moment the image is first touched and the point when you zoom.
There is no such thing as unlimited storage and bandwidth. Check your hosting plan for the fine print. BizLand/Endurance hosting will most certainly yank your site offline if it starts to take an unreasonable share of system resources from other sites shared on the same server. I've seen this happen often, especially with Endurance hosting. I'll never use them again.
You may be able to get away with bloated graphics on your own site, which ranks 2,310,866 on alexa.com. But a site like adobe.com (ranking at 65) is going to be much more concerned about image sizes. If you host an image at 300kb that could have been 100kb, you waste 2MB among the handful of people that visit your site in a day. At Adobe's scale, they will have wasted multiple gigabytes of bandwidth.
Bear in mind that you are limited to a certain number of concurrent HTTP connections. This has not changed with the advent of faster networks. While a connection is held up to load a larger graphic, another HTML, JS, CSS or image file has to wait in line to load. Peek into the source graphics used in this page. Jive makes heavy use of css sprites to lessen the dependence on multiple connections.
You will never get away from designing for economy. That is why we use JPG images instead of BMP images. -
Using QuickTime Player's 'Save for Web' feature in iWeb
I'm using iWeb (3.0.3) to create a site. I've also used the QuickTime Player (10) feature "Save for Web" command to save optimized versions (for iPhone and desktop) of a clip I'm using in my site. I want to keep the nice features of the QT Save for Web, i.e., the poster frame and the nicer QT controller.
I've managed to get everything hooked up right (using an HTML snippet in iWeb and hand-editing the page's html file to add the lines to <head> that the Save for Web's instructions specify. Yay!
All good so far. When I view the page in Safari, the poster frame shows up perfectly. But when I click on it, Safari swaps in a new page (frameset?), which loses all the navigational stuff I have on the "real" page. The Save for Web's instruction html page doesn't do this -- why is it happening in the iWeb page? I've tried stripping stuff out of the iWeb-generated page, but no luck.
Please help ... I've spent HOURS trying to figure this out, and I'm at my wit's end!!
(Additionally, if someone can tell me where I can put the 4 files that the Save for Web command creates so that iWeb doesn't wipe them everytime I publish, I would be a very happy man!!This demo page has instructions on how to use that feature: #18 - Adding Movie/Video File to iWeb Page via Export for Web in Quicktime Player.
This demo page has an example of how it looks: Using a Movie Exported Out of Quicktime Player via “Export for Web”
OT -
File name truncation warning on Save for Web (For Macintosh browsers?) (CS2)
Image (Line drawing). Save for Web (*gif). Receive following warning:
"Some names of the files being saved will be truncated to 31 characters for compatibility with Macintosh browsers. To change your filename compatibility options, click the Optimize pop-up menu, choose Output Settings, and select Saving Files."
I could not find the Optimize pop-up menu. Therefore, I did not do this step.
After save, I simply went to the appropriate folder and changed the file name to what I originally wanted (i.e., essentially correcting the truncation).
Big deal or not? Will all be OK?
Thanks in advance. From a novice.
K. Glenn Cole, President
Wilmot Company, Inc.You can probably safely turn off that Macintosh compatibility setting now.
It's a bit tricky to find those settings... Here's how.
First, in the Save For Web dialog, hit the little icon at the upper-right and choose Edit Output Settings.
Then change the selector to Saving Files and look for the settings you want to change as shown here:
I captured the above from PS CS6, but I think they're substantially the same.
-Noel -
I have used the Save for Web and Devices feature for many years with no problems. Recently, in CS4, I found that if I saved a document as a jpeg document using the Save for Web and Devices feature the resulting image was as large as the workspace. Previously, the image was only as large as the area of the workspace that contained any sort of information. Is there a workaround, has this feature been changed?
In the Image size tab at the right of the Save for Web dialog, do you have Clip to Artboard checked? That's the only way I can get extra space in this Save. If you use Export from the file menu at the lower left is a checkbox to Use Artboard which will add space to the edge of the artboard. One way around this is to use the Artboard tool to edit the artboard to the size of image you want to export. It replaces the old Crop Area>Make in previous versions.
-
PS CS6 action save for web error
In Photoshop CS6 actions when we save the image as JPEG through save for web it doesn't work when we run it, instead it runs and saves the image as HTML, i guess some error in it. I tried it again and again but it doesn't remember my save for web settings and saves the images as HTML.
It a new bug in CS6 though when you recorded the action you saved jpeg images to you desktop and you only entered file names onto the save for web action steps the action recorder recorded name.html. I replaced you save for web steps on my machine for my desktop and CS6 recorded name.html. I then did the same with CS5 though I only entered names CS5 recorded name.jpg.
If you expand the export steps tou will see the hard coded file names and extention
An action like this will always save the same files it can not be batch because you recorded Path and Names in the save for web steps. The .html files saved on with CS6 are actually jpeg files and if you rename them hrom name.html to name.jpg you can use them,
Set: cropping
Action: story sizes
Levels
Preset Kind: Custom
Adjustment: levels adjustment list
levels adjustment
Channel: composite channel
Input: 0, 245
Gamma: 1.14
Image Size
Width: 660 pixels
With Scale Styles
With Constrain Proportions
Interpolation: bicubic automatic
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_660.html” <----CS6 problem recording - CS5 records "_660.jpg on my machine
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 111.4 pixels
Left: 142.2 pixels
Bottom: 2342.6 pixels
Right: 3613.1 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 350 pixels
Target Height: 225 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_350.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 0 pixels
Left: 529.1 pixels
Bottom: 2730 pixels
Right: 2869.1 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 300 pixels
Target Height: 350 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_300.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 136.5 pixels
Left: 325.7 pixels
Bottom: 2359.2 pixels
Right: 3295.2 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 167 pixels
Target Height: 125 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_167.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 225.1 pixels
Left: 1318.4 pixels
Bottom: 1858.5 pixels
Right: 3496.2 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 88 pixels
Target Height: 66 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_88.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Close
Saving: no -
I'm having some issues with my file when trying to Save For Web. A band of transparency appears above my image even though I have everything cropped to the artboard, and the artboard is exactly the size I want the final image to be. If I uncheck "Clip to Artboard" the band of transparency disappears from the top, but reappears on the right side. It seems as if the artboard area is calculated differently in the Save For Web screen; its slightly off. I've included some images so you can see the issue.
Trying to save for web as a .png with "Clip To Artboard" selected; a tiny (one pixel tall?) band of transparency on the top of the image.
Trying to save for web as a .png without "Clip To Artboard" selected; the image seems to shift and the band of transparency appears on the right size. Also some of the pieces of the image appear on the bottom outside of the artboard.
I made sure to crop each element of my image to fit exactly on the artboard. Previously, I had made sure to use a clipping mask exactly the size of the artboard and still had these issues. I would like my .png to not have a band of transparency. It has the same issue when I change it to .jpg, but instead has a white matte band. What am I doing wrong, or is this just an issue with Illustrator? Thanks in advance!Depending on your use of the image in context, won't the transparent strip "disappear?"
The only solution I know is to open it in Photoshop and manually crop out the transparent strip. AI or Save for Web also seems to antialias the edge of free-standing art over a transparent background. I just make the artwork slightly larger than the final cropped size, save for web, then crop in Photoshop.
Maybe you are looking for
-
Unable to access wireless connection with linksys rooter WRT54GS
Hi, I just installed a wireless rooter Linksys WRT54GS on my connection, The problem I have is being able to access it with my wireless on my laptop. I kept getting a message stating "connection unindentified" "access limited". I've done most of what
-
Issues with file path in java.io.File
I am getting file path in eclipse plugin using org.eclipse.swt.widgets.FileDialog and saving the path in XML files. In web.xml , path is stored as below (I can't change backsladh to forwardslash or escape backslash since the value is coming from SWT
-
Simple Translate Q: SELECT TRANSLATE('76051-9098','-','') FROM DUAL I need to get '760519098' off this.. When i give a ' ' -- Iam getting a ' ' inbetween(Obvious!!) But when i do '' -- A Null string is returned.. How do i overcome this.. Mohan.
-
Document repository in fsdb/dbfs mode
Hi, Has anyone implemented the document repository in fsdb / dbfs mode? I am looking at possiility of storing documents in different server from where KM is installed. TREX needs to be able to search the documents as well. Please advise how the confi
-
My download has stopped at 80%. Is something wrong?
why has my installation stopped at 80%?