Help me using tools Save for Web?

I want to use tool Save for Web to compress image and upload to website KingShop.vn but unknow? Help me use it, pls.

Save for Web will create a JPG that has some things stripped out to make is smaller than a regular Save might produce, but PS doesn't upload to a website. That is something you'll have to determine from other sources, perhaps the website owner.

Similar Messages

Spot Heling Brush Tool & Save for Web screen

Spot Heling Brush Tool
While using Wcom Grip Pen I can’t switch brush size option to any other than Pen Pressure – it’s not good.
Save for Web screen
It would be good to have “Apply” button for size changing, like it w3as in CS3 (I didn’t use older versions).

You don't use pixel preview and possibly also do not work at 72dpi, do you? That's why your crop lands on sub-pixel values and is quantised to the next whole pixel, changing the effective output dimensions. Aside from that, why bother with artboards? You could just use the slice tool and save it all in one go...
Mylenium

PNG changing colors using save for web (CS2)

Im having a problem with making PNG pictures when using the "save for web" function (this also happens in Image ready)
I make an image in sRGB color space and chose "save for web" and set the settings, all looks fine and i save it as png8 or png24.
Then when i view it in a browser the colors af "off" (desaturated) ??
But if i chose "Save as" in Photoshop, and chose png, and save it that way, the color macth up and looks allright.
What im a doing wrong ??
I have made a test with to sets of colors / picture one with "websave" color and one without then save them "using save for web" in gif, jpg with profile, png8 and png24
The gif and jpg goes well but the png's colors goes "off"
I also saved the to files using "save as" and here the png's colors looks fine
(Ther are also some screendums of my color setting, "save for web" setting and my screen profile if that can be of anny help
http://home19.inet.tele.dk/jgom/pngtest/
Also! can anybody tell me this ?
When using "save as" i cant chose what png im saving as ? (8 or 24) What type of png dos PS use when you save it like that ???

Now I've read up on it, it seems the issue is indeed gamma.
(I really appreciate the "that's impossible, you must be doing something wrong" comments, by the way. Not "hmm, I don't know," but actually "what you've described in detail isn't happening; you're imagining things." Super helpful.)
Anyway the real question is: is there a way to stop Photoshop from including gamma data? It's apparently an optional portion of the PNG spec.
The whole gamma thing is unfortunate, but the *really* unfortunate bit is that Photoshop includes this information at all, particularly in a Save for Web context.
Most importantly, it seems this has been an issue for some time (Google "PNG Photoshop gamma"), and PNG is usually used for web, so why on Earth hasn't Adobe addressed this? Let's not forget that Photoshop is the industry-leading tool, and the Extended version costs $1000 by itself. The only options I've seen for saving as PNG in PS so far is sRGB conversion, bit depth, transparency, and interlacing. This whole gamma thing seems pretty unacceptable behavior, even by default.
I'm looking into pngcrush; does anyone have a simpler solution to strip the gamma information? Of course, if there's a way to do this in Photoshop itself, please please let me know.
Thanks.

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

Script Needed to work with "Save for Web" Tool

I am looking to compress the JPG image files using the Save for Web tool within Photoshop CS2. As you know, this tool yields better results in image quality and file size than the standard Photoshop Save As command.
To this end, I would like to batch process multiple images within multiple sub-folders. Unfortunately, I havent found a process that will allow the use of the Save for Web JPG compression, batch process the JPG files within a sub-folder structure and re-write the images to the same folder.
What I have managed to accomplish up to this point, is create a Photoshop Action incorporating the Save for Web tool. However, the Save for Web menu always prompts to save a file to a specified folder. This seems to be the Catch-22 to the batch processing capabilities. When using Photoshops batch processing feature with this Action, and also enabling include all sub-folders, all the resulting files created are always saved to one specified folder.
I need a script (perhaps Java or Visual Basic) which will run in Photoshop, and allow the use the Save for Web tool (JPG High, Quality 60, Optimized), batch process a series of images contained within a sub-folder structure and then re-write the image files to the same location. Can anyone help with this?

The files must be very large.
On my machine
AMD Athlon 64 3200+ 2.01GHz 1GB Ram
It failed with an uncompressed file 347.6MB (40.9MB on Hard Disc) with not enough memory.
It managed to do a 277.4MB uncompressed file (34.3MB) with no problem although it was slow.
With such large files it might be betted to just do a folder at a time so there are two new vars that you can alter.
MAXJPGSIZE this is the size of the file on the Hard Drive.
SUBFOLDERS setting this to true will include subfolders and false will only process the selected folder.
Paul.
//GLOBAL vars, amend values to suit.
//Maximum size of file in Megabytes to process (This is the file size on the Hard Drive)
MAXJPGSIZE = 34;
// "true" = include subfolders - "false" do not include subfolders
SUBFOLDERS = true;
var imageFolder = Folder.selectDialog("Select the folder with JPGs to process");
if (imageFolder != null) processFolder(imageFolder);
function processFolder(folder) {
    var fileList = folder.getFiles()
     for (var i = 0; i < fileList.length; i++) {
        var file = fileList[i];
if (file instanceof File && file.name.match(/\.jpg$/i)) {
     if((file.length/1024/1024).toFixed(0) < MAXJPGSIZE +1){
              open(file);
var doc = app.activeDocument;
var strtRulerUnits = app.preferences.rulerUnits;
var strtTypeUnits = app.preferences.typeUnits;
app.preferences.rulerUnits = Units.PIXELS;
app.preferences.typeUnits = TypeUnits.PIXELS;
var saveFile = new File(decodeURI(activeDocument.fullName.fsName));
saveFile.remove();
SaveForWeb(saveFile,60);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
app.purge(PurgeTarget.ALLCACHES);
$.gc();
app.preferences.rulerUnits = strtRulerUnits;
app.preferences.typeUnits = strtTypeUnits;
} else
if (file instanceof Folder && SUBFOLDERS) {
       processFolder(file);
function SaveForWeb(saveFile,jpegQuality) {
var sfwOptions = new ExportOptionsSaveForWeb();
   sfwOptions.format = SaveDocumentType.JPEG;
   sfwOptions.includeProfile = false;
   sfwOptions.interlaced = 0;
   sfwOptions.optimized = true;
   sfwOptions.quality = jpegQuality;
app.activeDocument.exportDocument(saveFile, ExportType.SAVEFORWEB, sfwOptions);

Script for using layer name in Save for Web command

I am using the Save for Web command (Illustrator CS2) to export layers to CSS so that each layer is saved as a different jpg. The only issue I have is that I want the layer name to be part of the file name, but layer name is not an option when I look at the "Edit Output settings" dialog for saving files. Is there anyway I can do this? I do not have experience writing or working with scripts.
For example. My fiel name is flower.ai. I will have 20 different layers (each containing a different color of the same image) and want the exported file to be flower-scarlet.jpg, flower-cranberry,jpg, etc. Right now I am looking at renaming all the files manually, but as I am creating 40 images per product on my website, this will be very time consuming.
Thanks in advance
Christine

Btw.. to make it work for JPGs, change the PNG options to the following:
var options = new ExportOptionsJPEG();
        options.antiAliasing = false;
        options.optimization = false;
        options.artBoardClipping = true;
        options.qualitySetting = 100; // value of 0 to 100, 60 is medium, 100 is perfect
        options.blurAmount = 0;
        options.verticalScale = 100;
        options.horizontalScale = 100;

Unknown Error when using save for web

When saving a gif using the "save for web" option in Photoshop CC 2014, I get a "Could not complete operation.An unknown error has occurred" message. I am using Mac 10.10.1. I tried deleting the "save for web" pref files but same error happens. Size of the file being saved (large or small) makes no difference. No problems saving files using "save as". Photoshop was uninstalled/reinstalled. Problem is still there.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

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.

Can you make a fully automated Action using Save for Web? - Illustrator CC

I have been trying to create a simple action using the Save for Web feature. When I run the created action it stops on the Save to Web window until I click on "Save" then it brings up the finder window asking me to select where to save it and I then have to click "Save" At that point the Action continues to run and completes.
I'm using this process to export JPEGs of client labels for an web based government submission. The guidelines are pretty tight and the Save for Web gives me the best results for File Size, Image Size, and Quality... basically the files have to be small, but legible. Our files are organized in a Client/Project/SKU structure so batch processing with the Export command is not really an option.
I have created many actions & batches over the years, but never had this kind of issue with such a simple action. Is there a way to bypass these prompt similarly to what a batch would do?

I would love to know the answer to this as well. I am having the exact same issue. Super annoying

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.

"Save For Web" not remembering save folder

Hi Guys,
I'm using the save for web function to save a large number of files (not batch saving).
Usually, when I open a file and start saving for web, it will remember the folder that I most recently exported to, and by default open that folder for that file, until I "save for web" into a different folder.
Out of seemingly nowhere, the save for web seemed to "forget" this folder (and any other folder I tried to save to), and now defaults to the "Documents" folder, causeing me have to click through to find my intended destination folder.
Any ideas? Google was not a help on this one, I can't seem to find anyone with a similar issue.
I'm on CS5 & Mac running Mountain Lion. On my work computer (exactly the same, Mac + Mountain Lion) I am using CS6 and have not encountered this issue.
- Caitlin

Caitlin,
You may try the following (you may have tried/done some of them already) and see whether it helps (the following is a general list of things you may try when the issue is not in a specific file; 3) and 4) are specifically aimed at possibly corrupt preferences):
1) Close down Illy and open again;
2) Restart the computer (you may do that up to 3 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder with Illy closed (more tedious but also more thorough and reversible);
5) Look through and try out the relevant among the Other options (Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy);
If nothing else helps, even more seriously, you may:
6) Uninstall, run the Cleaner Tool, and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

VERY slow performance with CS4 + Save for web

Note: I have done a search for similar issues but can find nothing regarding CS4 and this particular issue. I'm using a MacBook Pro 2.4Ghz w/4GB of RAM and resources are aplenty when the issue occurs.
Issue
My problem is that under certain circumstances the 'save as web' function can take upto 3 minutes before the diaglog box appears. I've had this for some time but only in the last couple of days did I notice something that might be relevant:
Works
1. Open 3 large TIFF files @ 120mb approx (mine are 3 processed RAW files from Capture One / 4200x5600@300dpi)
2. Create a new adjustment layer for each image
3. Resize each image to 72dpi @ 800x600
4. Run a SmartSharpen & flatten layers
5. In each tab (for each image) do 'save as web'
6. 'Save as web' dialog appears in expected time
VERY slow
1. Open 3 large TIFF files @ 120mb approx (mine are 3 processed RAW files from Capture One / 4200x5600@300dpi)
2. Create a new adjustment layer for each image
3. Resize each image to 72dpi @ 800x600
4. Run a SmartSharpen & flatten layers for each image
5. In first tab do 'save as web'
6. 'Save as web' dialog appears in expected time
7. Close this document (tab)
8. Go to the next image (tab) and do 'save as web'
9. Dialog box can take anything from 20secs to 3mins to appear.
10. Close this document (tab)
11. Go to the last image (tab) and do 'save as web'
12. Dialog box can take anything from 20secs to 3mins to appear.
As I can easily go through this process for 50-60 images you can imagine that it can waste over an hour of my time waiting for Photoshop to get it's act together. I assume it's something todo with memory allocation, or that it's processing previews for all three tabs on the first 'save as web', but in any respect it's very annoying. There seems nothing obviously wrong resource-wise at the time of doing these.
Would be interested if anyone else has this issue!
Thanks!

I had the same problem when I setup a new computer this week. Here's what I had installed:
Photoshop CS5
Suitcase Fusion 3
The problem was that when I was in Photoshop and used the "Save for Web" export screen, the dropdown menu for the different export types (JPG, PNG, GIF, etc) would take an extremely long time to update the preview of the graphic.
After a few days of research , I found that Suitcase was conflicting with Photoshop. Here's how you fix the problem (or at least here's what I did with my situation):
Open Suitcase
Go to "Tools", click "Manage Plugins"
Deactivate the Photoshop plugin
This fixed the problem immediately and now my Photoshop" Save For Web" feature is working really fast. Hope this helps anyone else in the same boat.

I also have a color problem when Save For Web

Using Photoshop CS4 and I also have a problem when I use the "Save for Web & Devices" My colors also get bleached. I found a thread with the same problem but on Windows.
As I have a Macbook Pro I can not change my monitor settings. In the SFW I check "Convert to sRGB" but it make no difference. I also tried to convert in the menu before using SFW. So I need some help here.
Here is a screen shot on my screen: http://www.scancyp.com/dump.jpg

Magooi wrote:
Also I was wondering why?
You need to calibrate and profile your monitor regularly and often
First: Because monitors can and do drift. In CRTs all kinds of electronic components and the phosphors themselves age; in LEDs and LCDs the back-light illuminants do; etc.
Second: Monitor profile files can and occasionally do get corrupted.
I validate the calibration of my monitors practically on a daily basis.
If you don't have an accurately profiled monitor at all times, your work is wasted.
Magooi wrote:
But it's a whole science to calibrate the monitor without a hardware calibration kit. I had a look at SuperCal as you suggested, but I am afraid it's gona be too complicated for me as I think it's hard enough to calibrate with the Apple calibration tool.
Even the cheapest hardware calibrator puck will give you superior results than any eyeball calibrator. That said, SuperCal is a tad better than Apple's built-in eyeball calibrator, though nowhere as good as a hardware calibrators.
Personally, I detest laptop screens and categorically do not consider a MacBook Pro a suitable machine for serious color work. For this reason, I cannot in good conscience insist on your buying a hardware calibrator.
Laptop screens can be nearly impossible to calibrate accurately.
Magooi wrote:
I have made a new screen shot with my results so far. Upper left is Photoshop original. To the right the SFW and lower left the preview result. The SFW result still don't give me the colors I want, but as I said: closer then before.
Screen shots from an uncalibrated or inaccurately calibrated monitor are worthless, always. They do not help at all, especially when they are partial snippets that don't show the whole picture.
This time around they are even worse, as I cannot see whether you rectified your Preview setting in the Save For web dialog box to "Use Document Profile", as I told you earlier:
You have to start by changing that setting in the Save For Web dialog box to "Use Document Profile".
Is your original document in a device independent color space (i.e. was your working colorspace set to such a device-independent color space like Adobe RGB or sRGB when you created the original) and is it properly tagged (does it have such a device independent profile embedded)? If the answer to any of that is no, all your work is wasted.
If your working space is set to your Monitor Profile, then your work is a useless mess. If the original is in your Monitor Profile, it's no good either. Same goes for the Preview setting in the Save For Web dialog box, if it's set to Monitor Profile, it's useless.
If you view any untagged image (any image without a device-independent profile embedded) in any Apple application, be aware that any such Apple application, From the Finder, through Preview, Aperture and iPhoto to Safari, will throw your monitor profile at your image (assuming it's really in your Monitor Profile) and it will display your image in the wrong colors, as all Apple applications stupidly assume that all untagged images were created by some fool who didn't know better.
Magooi wrote:
But now my main questions is:
Why the Original in the Photoshop SFW don't look like the original? And then why the Optimized in the SFW also don't look like the the preview? (Specially look at he shadows of the palm tree that shows in the Optimized but not in the preview)
I have no idea what all your other color settings throughout the whole application and in the Save For Web box are, what else may be messed up on your machine, or how badly inaccurate your monitor profile is. Again, your screenshot is not helpful and never will be—unless you had an accurately profiled monitor, which you will never be sure you have on your laptop, ever.
Magooi wrote:
And again, should I invest in SuperCal? It seems also to be very old.
SuperCal is better than Apple's calibrator, regardless of whatever its age may be at this point. Last time I checked, SuperCal was free. If they want to charge for it now, don't buy it. It's not worth it for a laptop screen.
On a side note, if you think SuperCal is "too complicated" for you, I doubt you're ready for Photoshop anyway, even with a better machine. Sorry, no offense meant, but it wouldn't be fair to you if I didn't tell you exactly how I feel.

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

Save for web really slooooow in Photoshop CC

Hi all,
Since one of the last updates, whenever I try to save an image using the Save for web function, the dialog screens take a lot of time to appear (worked normally before). I am not using large images, just 1100x700 px approximately that I reduced to that size for a website. But when I try to save them for web, the first dialog screen takes a while to appear, and when I hit Save, that save screen also takes a long time to show up.
It doesn't happen always, but most of the time, and it is really annoying when I have to save a lot of images, it makes me loose a lot of time. Sometimes when I am saving a series of images, with the first ones it goes slow, then works normally with some, and then again slowww.
My machine is an Intel i7 with 16gb of memory running on Windows 8. I hope you can help me with this issue.
Thanks in advance!
Diego

Yes, sorry, forgot to clarify that. I am saving it to my local hard drive, that is why it is so strange.

Help me using tools Save for Web?

Similar Messages

Maybe you are looking for