CC: Selecting slices in "save for web"

Hi,
today, I tried to use the export function "save for web" in Illustrator CC 17.1.0 for the first time in many weeks.
I created a document with some slices. Strangely, in the dialogue of "save for web", the image preview isn't shown in the original size although the setting is set to 100%. It seems, like the preview is only about 50% of the original image size.
Furthermore, it is impossible to select the specific slices for renaming it. Also setting up the preview to 200% doesnt solve the problem.
I already uninstalled illustrator with the uninstall file and downloaded the software from the cloud again. But the problem still exists. I also created a complete new document without success...
I don't get the point. Does anyone have an idea how to fix it?
I'm using Mac OS 10.9.1.
Thanks!

I'm seeing this on both my HiDPI laptop display and an external display where the pixel ratio is 1.
I use Save for Web almost every day, so I suspect there was a bug introduced in the latest version of Illustrator. I've also found that when vector graphics are copied and pasted from Illustrator into Photoshop they come in at slightly smaller dimensions. Could be related?
Using File -> Save Selected Slices... in Illustrator seems to work fine, however.
I'm also on Mac OS 10.9.1, running Illustrator CC 17.1.0 on a Retina MacBook Pro, Mid 2012

Similar Messages

Slices in Save for Web not highlighting when selected in Photoshop CS5.5

Lately I've just noticed when I select slices in Save for Web the newly selected areas do not highlight in their normal yellow colour. They are however selected and save correctly if I do save them. If I toggle slice visibility off and back on again they selected slices become highlighted but it's kind of a pain. Have I done something to cause this or is this a known issue with one of the updates?
Adobe Photoshop Version: 12.1 (12.1x20110328 [20110328.r.145 2011/03/28:10:30:00 cutoff; r branch]) x64
on a Dell Precision T1660 running Windows 8.0

I just copy the preferences from my computer for you to see what are shown about adobe
file:///Users/raymondsmith/Library/Preferences/Adobe/
file:///Users/raymondsmith/Library/Preferences/Adobe%20Illustrator%20CS2%20Settings/
file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20CS2%20Paths
file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20CS2%20Settings/
file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20Elements%206%20Paths
file:///Users/raymondsmith/Library/Preferences/Adobe%20Photoshop%20Elements%206%20Settings /
file:///Users/raymondsmith/Library/Preferences/AdobeUM/
file:///Users/raymondsmith/Library/Preferences/AppleWorks/
file:///Users/raymondsmith/Library/Preferences/ByHost/
file:///Users/raymondsmith/Library/Preferences/CD%20Info.cidb
file:///Users/raymondsmith/Library/Preferences/CDDB%20Preferences
file:///Users/raymondsmith/Library/Preferences/cfx%23FBSxPfw
file:///Users/raymondsmith/Library/Preferences/com.adobe.acrobat.90.sh.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.Acrobat.Pro7.0.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.acrobat.sh.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.Acrobat.Uninstaller.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.Adobe%20Help%20Viewer.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.ami.installer.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.bridge2.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.mediabrowser.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.PhotoshopElements.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.Reader_ppc_9.0.plist
file:///Users/raymondsmith/Library/Preferences/com.adobe.Reader.plist
file:///Users/raymondsmith/Library/Preferences/com.aol.aim.plist

Save for web - "selected slices" only saves first one selected

This is frustrating me beyond words. I'm trying to export a ton of slices using Save for Web/Devices, and when I choose "selected slices" only 1 slice is actually saved. Has something changed or is this a bug?

Which version of photoshop?
Are you selecting the slices in the save for web dialog using
the Slice Select Tool? The selected slices will turn from blue to orange
when selected.
MTSTUNER

Slice and 'saving for web and devices' not saving all images in selected area

Ive designed my site in illustrator and now im using slices and save for web and devices.
When I save a slice as a jpeg or gif it saves the text and but not the background image behind it. I haven't locked the background image and all the content is on the same layer in illustrator so why is it doing this and how can I stop it?
Thanks
James

Thanks for your reply. Yes, my Photoshop CS5 is updated to 12.1. I'm running OSX 10.5.8 and have tried viewing in Safari, Firefox, and Chrome with no improved success.
I have been reading these forums for about 3 hours trying to find the answer to this question but am still at a loss. I have found one article here:
http://stackoverflow.com/questions/7974006/overlapping-image-in-photoshop-splice-how-to-fl oat-with-css
which explains using an "absolute" value in CSS to lock images in place. I'm currently working in Dreamweaver to see if it's a common error in Photoshop when resizing browser but is easily fixed on the CSS side.
Any help would be appreciated
Thanks!

"Save for Web" dialog window not working properly

Hello,
I've been dealing with a bug since Illustrator CC that is very frustrating when I try to output my slices through Save For Web. When trying to click on the slices I've defined in order to name them—the click—does not happen where my mouse pointer is. The click registers somewhere else in the artboard.
Click screen shot for animated gif:

As Zeno said, all down to the slice selection. Save for Web will recognize the last active slice for the main document and when that is the case, only that slice is active by default for saving. So either override in the dialog or un-select all slices before saving.
Mylenium

Slice Selection in Save for Web dialog in 17.1

Since upgrading to Illustrator 17.1 I can no longer select slices in the Save for Web dialog, nor can I select a slice on a different layer than the one it was created on. Anyone else seeing this issue?

Hi everyone,
Our apologies for the inconviences. The product team is currently investigating the bug and is looking into providing a fix in the near future.
In the meantime, please try the suggestions provided by Nolanco or jwsiddons as workarounds.
Nolanco:
In the save for web window if the image is bigger than window, zoom-out to view all artboard (Fit on Screen or less percentage), in this way is possible select any slice, when the image if bigger than window the wrong behavior take place.
jwsiddons:
My work around has been to use the slice select tool inside the artboard and go with File > Save Selected Slices.
Thanks,
Amy

Slice tool is arow in save for web and............

Hi, besides the fact that slice numbers are not showing up here in vista 32 CS4 (show slice number is activated in the preferences and show slices in view as well and I did a reset !) I encountered a other strange thing in "SAVE FOR WEB & DEVICES" when you select the slice tool it doesn't change in a slice tool but stays a arrow and works like a slice tool.
Hope someone comes with a solution for the slice numbers, they only show up in the "SAVE FOR WEB & DEVICES"dialog. But it's not very handy to work without them.

Have you patched Photoshop to version 11.0.1 and have you updated your video drivers?
Is OpenGL enabled in Edit > Preferences > Performance.

Why are the dimensions of my slice being reduced by 'Save for Web'?

Hey
When I create a slice and then select 'save for web' the selection i'm trying to save is reduced in size. Originally I only noticed this when I was finding the saved file in the folder, but I now I notice that in the preview of the save for web menu the size is smaller than the actual slice should be.
Any ideas what could be causing this? I'm using the latest version of Photoshop CC. It doesn't seem to be happening on our PC, but on both the Macs we have tried we are getting the issue.
Cheers

None of my pictures that I uploaded into iPhoto are in my Finder under Pictures. Should I copy and paste my folders from iPhoto into here, in case something happens to my iPhoto program (in addition to backing them up onto an external hard drive like I already do)?
No, that's just wasting space. A back up needs to be on a different disk.
Your photos are within the iPhoto Library.

Save for web as PNG-24 with slices is saving in JPEG format!

Hello all.
I'm using Photoshop Extended CS6 13.0.1 x64 and when I save for web as PNG-24, all the slices from the project, the final result are JPEG format pictures. I tried the same but exporting as GIF and it keeps saving as JPEG. I tried Save As instead of Save for Web and it works, but this way I'm not saving by slice and not for web.
Any idea why this happens?

Found the solution. I had to select all the slices.

Photoshop slice tool and Save for Web image quality. Will it affect prints?

I want to slice a large photo into multiple smaller (4x6) printable photos to arrange in a 12x12 inch scrapbook binder pocket (made of of 4x6 pockets). I need to order separate 4x6s online so tiling in the print options is not what I need.
The slow way I know to do this involves cropping and saving each section (maybe even recording this action to do batch processing). However, another way is to use the slice tool to quickly divide up the sections then "Save for Web...". I can adjust some parameters, but I'm afraid there are other automatic adjustments that I don't want. For example, all images are converted to 96 dpi instead of the original 300 dpi. The number of pixels remains the same so I don't think there will be problems printing the picture.
My question is: does the Save for Web function reduce image quality in any way when printing (it is obviously intended to be used to optimize images for websites)? Are there settings in "Save for Web" that would optimize for high quality prints? Is there a better way to tile an image?
I have not yet compared any prints.
W7
CS6

If you understand that something will do something you do not want like convert to 96 DPI as long as it does not resample you can always convert back to 300 DPI. If you want 6 4x6 to form a 12x12 you must start with an square 1:1 aspect ratio image. That you resample to 12"x 12" at 300 dpi if you want 6 4x6 300 dpi images.
If the original images vary in size and aspect ratio you need to crop them square or add two borders to make them square. The rest is easy to do with an action.
The square crop or border can be automated with a little scripting. If crop a center crop would be the route to go. My crafting actions package contains more the a dozen scripts to be used within action. One is a plug-in script that would make center cropping a snap two steps menu File>Automat>AspectsRatioSelection followed menu Image>Crop. Add a menu Image>Size set side to 12" and resolution 300 DPI and you have your starting 12"x12" 300 dpi image.
Flatten the image make your first 4"x6" selection copy past to add it as a layer. Select the background select the next 4x6 area copy and paste repeat that process till you have added the 6 4"X6" layers. Then delete the background, Select all, target all layers and use layer>Align layers to selection>Top edge then repeat align to left edge. the Image>Trim you have your 6 4x6 in a stack. You can the use Adobe Photoshop Script Export Layer to file. All automated in an action however the last step Export layers to files is interactive for its not a plug-in script. So if you batch it you keen to hang around to interact with the last step for each image.
You could also write you own export script that would not need human intervention to use instead of Adobe interactive script.
Crafting Actions Package UPDATED Aug 10, 2014 Added Conditional Action steps to Action Palette Tips.
Contains
Action Actions Palette Tips.txt
Action Creation Guidelines.txt
Action Dealing with Image Size.txt
Action Enhanced via Scripted Photoshop Functions.txt
CraftedActions.atn Sample Action set includes an example Watermarking action
Sample Actions.txt Photoshop CraftedActions set saved as a text file.
More then a dozen Scripts for use in actions
Example
Download

'Save for Web & Devices' selects multiple artboards - AI CS4

I have a simple, two-artboard document (like the old FreeHand days!) but, when I go to 'Save for Web & Devices' to optimise it, the graphic from both pages appear as one optimised image. How can I get it to select only the artboard I am viewing?
Many thanks.

Well, one way would be to create an artboard that's the size of your art. You can do this easily enough by choosing the Artboard Tool and clicking once on your artwork. Alternatively, you can define slices.
:) Mordy

Automated Save for web + All user slices + Preset?

I've got a large PSD templade filled with web slices, each containing web button graphics.
These are always saved in three states: "-off", "-on" and "-active" in .png format.
To speed things up, I've prepared:
* 3 "Layer comps" (that toggles layers on/off and adjusts visibility/effects)
* 3 "Save for web settings" that appends the "-off", "-on", "-active" suffix etc
However, each time I want to update these three sets (and that is often!) I have to jump through hoops to get it done... applying layer comp + File > Save for web + selecting "all user slices" and "preset" + confirm overwrite.
After a few hundred times it gets tiresome :-)
Bottomline: Is there any way to make an action, or similar to do all this in a single keystroke?
Robert K

I don't know why I didnt't think of this already
It works a treat, at least with CS4 (haven't tried it elsewhere).
I ended up doing three actions for each of "off", "on" and "active". The action only toggles the appropriate Layer State, than Save for Web. It seems that only User slices are saved, and no dialogs or anything flashes by.
Great! Thanks.
Robert

How do I USE the slices I generate in Illustrator from "Save for Web"?

I am having trouble understanding slices. I want to save a raster graphic from Illustrator that takes advantage of "slices" to put hyperlinks to certain labels. I am working on a map with about 20 links to a website describing recreation sites shown on the map.
I am able to do this by bringing my map as a graphic into InDesign, and setting up links to text or picture boxes there. I can export an interactive PDF of the map, and the PDF has live links.
but the client's web host can't post the PDF with active links. (client would have to link from a static image to a copy of the PDF on a separate website). We may do this as an interim measure.
So I'd like to go back and figure out how to use slices in Illustrator to do the same thing. I've seen web pages that have a series of sliced-up graphics; I wouldn't wish that on anyone but it's the solution I want to get to.
Illustrator tutorials and help describe how to set up slices, how to type in links in the "slice options" dialogue box (in objects/slices... pulldown menu). And describe how to "save for web" to generate JPEGs or GIFs of the individual slices.
My available options in AI CC 2014 (I checked in CS6 too) are to save the slices as images. (Helpful articles which say to save as HTML and Images...aren't helpful if I don't have that option).
I get a folder called images, that contains about 74 sliced JPEGs of various sizes and shapes. I don't see, nor see an option where I can ask to make...a file that pulls all these together into a single image, with clickable links. There's no HTML file (or way to create one that I can see).
What am I missing? What application would I use to toss this folder's contents together. Or how would I create the HTML or envelope file within Illustrator?
I have entered URLs for links in three or four different places but haven't found a way to export them in such a way that they are actually useful.
Thanks for your help.
Ben PEase

Thanks, I am a print guy, mostly. I've almost figured out CSS for my did-it-myself website, so buttons, actions, slices, etc. are new angles for me. I am hip to the general concept that Adobe likes certain applications to do certain things. It was certainly easier to set up links from InDesign.
In what application would you suggest I DO foolishly create my interactions (raster graphic with multiple links? Does it work any better in Photoshop? The client's web host does the web design (some sort of template thing) so I don't believe I have the option of drawing hot-spots like is (was?) possible in Dreamweaver.
(That may be a question for the web host).
One of the problems with "discontinuing this functionality" is there are about half a dozen how-to guides online that suggest it is still possible to kluge a solution in AI (sometimes in older versions) and it's hard to tell well-executed funtionality from abandoned functionality since Adobe hides instructions in multiple, random dialogue boxes, and left so many of the pieces strewn about the current versions of AI.... How would we really know? But I am not all that surprised they did.

When I try and Save for Web in Photoshop CC I receive an error message saying 'The operation cannot be completed. The requested operation cannot be perfomed on a file with a user-mapped selection open'.

When I try and Save for Web in Photoshop CC I receive an error message saying 'The operation cannot be completed. The requested operation cannot be performed on a file with a user-mapped selection open'. This happens with any of my files not just one in particular...
Can anyone help solve this please?

ELEMENTS 12 AND ELEMENTS 13
Upgraded to 13 Thinking might resolve the issue.
Was working fine up until we had "Tech" come in the office and "up grade some stuff"
then all of a sudden i started getting this message, something happened but i don't have a clue what.

Save for web and devices for slices

I am using CS 5.5. I have an image that I used the slice tool with. Sliced about 15 slices. In my action script, I do all the steps including the slicing and then I go to save for web and devices, choose png format, click save and in the save distination I just put it on the desktop. Close the file and hit stop. I see that that image created the images folder with all the slices in it. So I then I run a batch script on the folder that contains about 300 images and I want to use those slices. I run the script and nothing appears in the output folder. It shows that it does all the steps but nothing is showing in the folder. Is there a step i'm doing wrong? Please help!

Window >> Layer comps
Set this up, and with one click you will be able to toggel whci layers are on or off.
Out of curiosity, are you programming pages with CSS, dynamic layers or other? You cannot layer slices with transparency on top of each other in standard html. I find it so time consuming and impossible to get things registering correctly for all browsers, so try to minimize any layering technologies.

CC: Selecting slices in "save for web"

Similar Messages

Maybe you are looking for