Export Layers to Files w/ Save-for-Web Option

Back in CS2, ImageReady provided support for exporting layers to files, but in a save-for-web style compression. Since ImageReady has been discontinued, the only option available has been to use the current script in photoshop.
We've done several quality tests on exported images from both programs, and since all of our work is done for web, keeping file sizes to a minimum and utilizing the SFW compression is a must.
Can anyone instruct me how to add this functionality to the current export layers to files script?

That line should not be a problem, I wonder if you are trying to run the script from ExtendScript Toolkit?
If so you need to set the target as Photoshop (Top Left dropdownlist)
If not, that line is not really required and can be commented out.
An alternative to this script is my Layer Saver Script that might be of use...
http://www.scriptsrus.talktalk.net/Layer%20Saver.htm

Similar Messages

What steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

What Steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

When you open a raw file it will open in Adobe camera raw. That is where you can do most of the editing. Then it will be placed inside Photoshop where you can do more if needed.
Now you can use the save for web dialog to export your image as a png or jpg to use on those sites.

Is the PNG generated by the "Save As" option the same as the png-24 from the "Save for Web" option?

It would speed up my workflow if I could go through the save for web option rather than the save as. Are these files the same?

No, SaveAs includes more metadata, while SaveForWeb makes the metadata optional.

Save for web option greyed out?

hello.
i'm not too sure but after the last one/two updates from the cc, i have been unable to click on the save for web option as it is greyed out. i've read this (http://forums.adobe.com/message/5242626#5242626). i am slightly blurry on the solution being said there. however, i have fixed around the permissions (as said in the solution) but again, i'm not very sure if i have done anything significantly right because i still can't save anything for web (nor can i open .gif).
this is a screetshot of my user/library/preferences --> get info as well as the adobe save for web prefs. i've added 'admin' into the list and i've made it read & write. user had been read & write all along.
i have no idea what's the issue still. i'm using a mac on mountain lion.

Thanks! That was it. I am a bit rusty with PS.

Is there an updated version to the Export Layers to Files Resolution fix for Photoshop CC?

My Photoshop CS6 got blown away (another long story) along with my modified Export Layers to Files script. In this file, I had modified the lines specified in the following thread -- http://forums.adobe.com/message/2796594 -- so that the resolution of my PNG files would not be changed. I modified the Photoshop CC script with the same fix and it's not working. Any suggestions?

http://www.creativepro.com/article/instantly-extract-images-layers-with-adobe-generator-fo r-photoshop-cc
Maybe this will help you!!! I was having issues with scripts in CC and through some searching I just discovered this generate update and it works like a DREAM!!!!!!!!!!!!!!

Photoshop CC2014: Can't use save for web option PLEASE HELP

Whenever I try and save a small animation as a gif (or anything in save ffor web) this happens http://prntscr.com/4gpseu This happened in CS6 I upgraded thinking it might fix it

As you can see from my screen capture I had no problem problem doing a 30 frame animation with Photoshop CC 2014. You screen capture looks strange. Your save for web screen capture shows frame 2 almost 8MP in size and all pixels are pinkish where the color map shows colors all a single gray for the animation no variation in color are all ??? You selected to only use 128 colors instead of the possible 256 and to do no transparency dither . Have you tried resetting your Photoshop preferences. I showed in my screen capture I was using CC 2014 had 30 frames in my frame animation. Showed what my Save for web looked like. Your Save For Web Capture looks very strange to me. Look at your's here then look a my screen capture. Even when I use the preset you chose GIF 128 No dither and a large image my save for web look nothing like your..

Exporting to PNG vs "Save for Web" in Illustrator CC

I am creating small logos for a website in Illustrator CC (one is 135px x 50px), and the quality of the output has been a bit sketchy: not blurry or pixelated, but the text is messy and uneven while previewing in Acrobat as part of a larger PDF, and when previewing the logo by itself (I also previewed it in a browser with HTML to get the same unclear image).
The images have been exported to PNG and JPG at 72 PPI.
When I experimented with the "save for web" option (File>Save for Web), voila! It fixed the issue! I noticed in the dialogue box for "Save for Web" that it saved as a PNG-24, an option not available to export (you can only export to PNG)
My question is: is there a difference between "save for web" and exporting that I should know about before I continue to save ALL my images via the "Save for web" option? It seems strange that the best way to save an image (PNG-24) wouldn't be an option under Export (you can only export to PNG). Why can't I export to PNG-24 in Illustrator?
Thanks for any advice.

You can save with different color depth, export, it chooses automatically the higher depth when you choose transparent, and the lower depth when you choose a background color.

QT v10.0 "save for web" creates file names with spaces?

I find it strange that the additional exported files from "save for web" (iPhone, etc) auto exports files with spaces in the file names. Not only that, but changing the file names breaks the javascript.
I work on a server that denies permission to files with spaces in the file names. I know it's a bit archaic - but it's also a long standing tennent of "good HTML" to creates files with a hyphen or underscore instead of a space.
Is this something that can be addressed in the next update?

If your using cs5 or cs6 you might try Image Processor Pro which seems to use underscores
and has a save for web option.
Dr Browns Services 2.31
http://www.russellbrown.com/scripts.html

Save for web export crashing photoshop

HI
In was wondering if anyone could help me. I have written a code that edits images but i am having trouble with the save for web export everytime it gets to saving it photoshop just crashes. I have tried a few different ways of coding it but all of them end of crashing PS and i am at a loss as to what is wrong.
Here is the code that i am using:
                                        set webFolder to (choose folder with prompt "Select the folder to link to")
                                        set webOpt to {class:save for web export options, web format:JPEG, quality:89}
                                        set theDoc to current document
export theDoc in webFolder as save for web with options webOpt
any help would be great. I have tried it on CS6 and CC, both of which crash.

You need to pass a full file path to the export command… Probably need to change the extension too.
set myFullFilePath to (path to desktop as text) & docName
export in file myFullFilePath as save for web with options myOptions

Export PDF as JPEG fails with Adobe Save for Web AI Error

Hello,
We have an Illustrator Javascript program to convert a PDF file to a JPEG. It does some adjustments along the way, but I have boiled the script down so it just opens the PDF file, then uses the export method to export it to a JPEG file. The problem is the JPEG conversion is failing. When I run with user interaction layer set to DONTDISPLAYALERTS, as I normally do, it silently fails and continues; I do not get an exception, and the export method does not have another way to return an error. When I do display alerts, I get a dialog box saying:
Adobe Save for Web AI Error
Could not complete this operation. An unknown error has occurred.
It looks like this:
What's weird is if I open the same PDF file in Illustrator and select File / Export it works fine. I do get this error though if I select File / Save for Web & Devices. I'm not sure why the export method would do a Save for Web though.
The code looks basically like this:
// Set filename, docName, destFolder
file = new File(filename);
sourceDoc = app.open(file);
var fileSpec = new File( destFolder + "/" + docName +"_LARGE");
var exportOptions = new ExportOptionsJPEG();
var type = ExportType.JPEG;
app.activeDocument.exportFile( fileSpec, type );
For testing purposes, I have shortened the code so it is that, with the variable setting code above.
Any help is very much appreciated.
Thanks!
------Scott.

I have not tested exporting without passing any options. You have however created a variable to an empty options object but not passed it.
did you also try…
app.activeDocument.exportFile( fileSpec, type, exportOptions );

Pixelation / Distortion when using "Save for Web..." versus "Export"

Hi. When I export from Illustrator using the Save for Web & devices option (I export the original at png24) the images are not as smooth as those produced by selecting File-Export. 2 images produced by both images are attached. The variation is most noticeable on the round corners.
Is there a way to export work at full quality using the Save for Web & Devices option?

jkadobeil,
I have transparency ticked. One cannot specify matte if transparency is ticked.
I can in 10. It may be a bug or corrupted preferences. If the latter, you may try to Ctrl/Cmd+Alt/Option+Shift during startup or Move the folder with Illy closed.

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

Width*height vals changing in save for web ??

Hi all
I've opened an EPS file in illustrator cs4. And its width & height values are differing with width & height values in "save for web" option.
For example, normally in width & height boxes shows as
width : 247.499 pt
height : 116.524 pt
but in save for web
width : 249
height : 117
I've checked with various figures too.

Script lan : javascript
thanks for ur help!
Actually I've to resize the figure for the width 175, 525, 1400 and the height should change proportionally. So I tried, but I couldn't resize the figures using save for web. Becoz its horizontalScale & verticalScale treats values as percentage. eg. 175 treats as 175%. Then I grouped all items and changed its "width" and foud out the values' corresponding "height" values. But the problem is, exported file's values are changing nearly 3pts.
could u help on this?

Save for web in photoshop

Im saving a psd in photoshop using the save for web option but when i open it in dreamweaver theres a gap on all four sides of the page.
The cellspacing, margins are set to 0. Still i can seem to nudge the page up and left to get rid of the gap.Visually if i left the BG white and my page was black It seems like if there was a margin set around the page about 4px which gives me a white border around the whole page.
I tryied this several times with diffrent psds to test so maybe its a option when exporting on Photoshop or an option when opening it in DreamWeaver??
Thanks

Im saving a psd in photoshop using the save for web option but when i open it in dreamweaver theres a gap on all four sides of the page.
The cellspacing, margins are set to 0.
Have you set the body margins to 0: (the following style rule goes into the head of the documen tor into a stylesheet if you are using one.
body {
margin: 0;
padding:0;
If you already have a style on the body (maybe a background color or background image, then just add the margin and padding rules to the current body in your stylesheet of the head of the document.
Also: make sure there are no stray <p> paragraph tags sitting above the table or the containing div. These will of course a space above the table or the containing div.
If none of the advice given helps, then please follow John's advice and upload all the site working files to a server and provide a link :-)
As you can see, without actualling seeing the code, it can only be a guessing game by the people trying to help you.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Preserving background in Export Layers as Files

Back in the days of CS2 and ImageReady, there was an advanced export layers as files and it had an option of preserving the background while exporting all the visible layers above it. Is there any possible way to achieve this with CS4? I know there is the Export Layers to Files but it generates separate files for every layer and I need each separate image above the background to be on TOP of the background.

Something like this should work:
// enable double clicking from the
// Macintosh Finder or the Windows Explorer
#target photoshop
// Make Photoshop the frontmost application
app.bringToFront();
// Start at the top of the layers stack and select each
// layer in turn
for (var i = 0; i < activeDocument.layers.length; i++) {
activeDocument.activeLayer = activeDocument.layers[i];
// Put all your processing functions... //
duplicateSelectedLayers(activeDocument.activeLayer.name);
var psdSaveOptions = new PhotoshopSaveOptions();
app.activeDocument.saveAs( File( "~/Desktop/" + activeDocument.name + ".psd" ), psdSaveOptions);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
// ...in the area between these two comments. //
function duplicateSelectedLayers(soParent){
var id2277 = charIDToTypeID( "Mk " );
var desc304 = new ActionDescriptor();
var id2278 = charIDToTypeID( "null" );
var ref144 = new ActionReference();
var id2279 = charIDToTypeID( "Dcmn" );
ref144.putClass( id2279 );
desc304.putReference( id2278, ref144 );
var id2280 = charIDToTypeID( "Nm " );
desc304.putString( id2280, soParent );
var id2281 = charIDToTypeID( "Usng" );
var ref145 = new ActionReference();
var id2282 = charIDToTypeID( "Lyr " );
var id2283 = charIDToTypeID( "Ordn" );
var id2284 = charIDToTypeID( "Trgt" );
ref145.putEnumerated( id2282, id2283, id2284 );
desc304.putReference( id2281, ref145 );
executeAction( id2277, desc304, DialogModes.NO );

Export Layers to Files w/ Save-for-Web Option

Similar Messages

Maybe you are looking for