Saving GIFs for web and devices

We are wanting to see if the Creative Cloud version of Photoshop will make animated GIFs any smaller when you "save for web and devices" than previous versions like CS6 or CS5. Does anyone know? !

These articles may also provide some inspiration for further optimization:
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/
Although meant for PNGs, the article mentions a number of colour reduction techniques and workflow methods that may be useful for GIF animation optimization as well.

Similar Messages

Saving for web and devices scaling problem

Hello,
Whenever I try and save a 'larger' PSD by slicing it, and saving it for web and devices It always seems to 're-size' it and limit me to a certain percentage such as 70%.
For the projects I'm working on - I NEED the width to remain at 750 pixels - rather then 70% or even 40% of that - and it won't allow me to change it back to 100%.
I understand the JPG image will be large - but is there anyway I can turn this setting off? It only seems to be happening since I got Photoshop for creative cloud...
Thanks!
Andy

Because you are slicing, the remaining portion could be a spacer image(s). If you don't need slicing which is used for creating multiple images cut out of the original to allow for clicking to a URL. Then I would advise finding another route.
Even though you can get a warning the image is too big, there is a possiblity that save for web will still work just fine for that image.
If not then you can do the work your self, by duplicating the image then either reduce the size of the image with image>Image Size... or crop the image using the crop tool. (the reason for the duplicate file is a precaution to make sure you don't accidently save the reduced file to the original and therefore throwing out data.)
That said, you could also use the image processor which can save in psd, jpg, and tiff. It can also be used to reduce the image size. The beauty of image processor is that it can work on single files or a folder of images. The new images will be placed in a new folder with the name of the format and will be located in the same folder as those it is processing.
Another option is to use camera raw. Since camera raw can load tiff and jpg images (Photoshop CC can also load png files) you can use camera raw to crop images the crop is stored in the metadata therefore the crop is non-destructive. Allowing you to uncrop at any time you choose. If you have photoshop CC you can also use camera raw as a filter which means any layer or all layers in your photoshop file can be edited in camera raw allowing non-destructive crops.
As you can see with photoshop there are multiple ways to accomplish the same thing, some easier, some quicker some more accurate and they will fall into either a destructructive or non-destructive process.
So hopefully all this information does not confuse you any as it is meant to help provide alternative approaches to your issue.

Photoshop CC closes or freezes when saving in save for web and devices

Hello,
Since I have a new laptop with Windows 8, I couldn't get Photoshop CS6 anymore, so I downloaded PS CC.
It's working great the last days, but since yesterday PS freezes or closes everytime I try to save a .gif in save for web and devices.
It drives me insane...
I hope someone can help me.
Thanks in advance.

Trash the Save for Web prefs in the respective folder (C:\Progrom Files\Common Files\Adobe or your user home directory).
Mylenium

PSD files saved for web and devices show up as broken when opened Dreamweaver. How can this be fixed?

PSD layouts saved for web and devices show up as broken links in dreamweaver. Previews in browsers are fine, but I keep getting and error message that says the files have been blocked. What is the fix for this?

You can also try out Project Parfait. It's a new experiment from Adobe that’s currently online and free to try out and use.
It allows easy PSD comps-to code workflows.
Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
-Subhadeep

Photoshop crashes when saving for web and devices

When hitting saving for web and devices, Photoshop starts to render images but before it's done, it crashes. I get an error-popup with no text and the screen where normally the animation is shown is red. Then Windows comes with a crash report and I can only quit Photoshop.
I have an animation of over 150 frames, but just some black and white lines, no color.
I'm using Photoshop CS 5.5 on Win7.
I tried deleting the preferences in AppData/Roaming etc, but no result, still crashes.
My Photoshop is also updated to the latest version.
Help?

Ok, here's a crash report from Windows (not sure which I should post so just gonna post them both..)
Naam van toepassing met fout: Photoshop.exe, versie: 12.1.0.0, tijdstempel: 0x4d90cf71
Naam van module met fout: Save for Web.8BE, versie: 12.0.0.1, tijdstempel: 0x4d90d758
Uitzonderingscode: 0xc0000005
Foutoffset: 0x002d2e96
Id van proces met fout: 0x1f4c
Starttijd van toepassing met fout: 0x01cdb1fca2dd8dcb
Pad naar toepassing met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
Pad naar module met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
Rapport-id: fa9784f8-1def-11e2-a242-00238bb26d31
Photoshop.exe
12.1.0.0
4d90cf71
Save for Web.8BE
12.0.0.1
4d90d758
c0000005
002d2e96
1f4c
01cdb1fca2dd8dcb
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
fa9784f8-1def-11e2-a242-00238bb26d31
Where can I find a Photoshop Crash Report?

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!

Strange white lines sometimes occur when saving 'for web and devices' in Illustrator?

Hi
Strange white lines sometimes occur across my documents, when saving 'for web and devices' in Illustrator CS5 (on the right side of the black logo below). Does anyone know how to avoid this please??
Thank you so much.

LSM,
The link seems broken.

Strange quality issues when saving for web and devices.

Im a UI designer and spend lots of time working with illustrator and photohop. When I design I normally create vector mockps of my work and then export slices using artboards and save for web and devices. Yesterday Illustrator started having problems exporting files. The files look good on my computer, when viewed with pixel preview mode but when i export they look really bad. here is an example:
This is a screen shot of a part of a mobile app im working on at 100 % and 200 %
here is the same area when exported using "save for web and devices" at 100% and 200%:
as you can see there is a dramatic loss in quality. the icons look almost like a low color gif...
Here is what I have tried already:
I have tried changing the settings in the exporter. I normally use png 24 but I have tried all the different settings and they all do about the same thing. the only one that seems to look ok are swf and svg.
I have copied my files over to photoshop and exported from there. that works fine but it is a pain.
any help would be great.
Eli
www.elilang.com

Here is a screen shot with transparence off and art optimized... still not working.

Cs3 Problems with saving for web and devices

Lately, I have had a problem saving my files for Web and Devices and the problem I am having is that when I save the file it saves as a very pixelated version of the very crisp illustration I have created. I can easily copy and paste the file from Illustrator into Photoshop and save it that way but I would much rather just save it in Illustrator.
I am going to get the CS5 package shortly, however I wasn't sure if this problem would also continue in CS5.

It should not be a problem in CS 3 either, definitely not in CS5.
Try this
PC
1. Quit Illustrator.
2. Rename the AIPrefs file (for example, to AIPrefs.old) in the Users/(user)/AppData/Roaming/Adobe/Adobe Illustrator CS3 Settings folder.
3. Start Illustrator. Illustrator creates a new preferences file.
Also here should be a Save for the Web folder as well trash that also should be in the same directory.
Mac
1. Quit Illustrator.
2.Go to User/username/Library/Preferences/ Adobe illustrator CS4 Settings and trash the settings folder, the whole folder not just the contents of the folder..
3. Start Illustrator. Illustrator creates a new preferences file.
Also here should be a Save for the Web folder as well trash that also should be in the same directory

Error message when saving for web and devices

I cannot save for web and devices for some reason. I get the error message shown in the screen shot below.
I'm using CS5 extended, version 12.1, 64 bit. My OS is windows 7.
It doesn't matter whether it's a JPG file or a PSD, I get the same error message, and I am unable to find a solution so far.

Hi,
See if this solution works (from this post):
regards,
steve
26. leonty16,
Jun 26, 2010 11:17 AM    in reply to turtle_
Report
FIXED .....
OK guys....I had this problem for the longest time & Whenever I tried to use "save to web" feature, I would get the same error.... after a lot of research & finally found a resolution.....
I wanted to take this opportunity to share the resolution why this feature was not working properly....
Here is the link where you will find what the problem was...
http://www.techsupportforum.com/microsoft-support/windows-vista-window s-7-support/235245-solved-error-1324-when-installing-applications.html
Basically, go to this registry location:
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\U ser Shell Folders
& make sure that your current "my documents" sub folders are set to:
My Music       REG_EXPAND_SZ         %USERPROFILE%\Music My Pictures    REG_EXPAND_SZ         %USERPROFILE%\Pictures
My Videos      REG_EXPAND_SZ         %USERPROFILE%\Videos
Personal         REG_EXPAND_SZ         %USERPROFILE%\Documents
etc...etc...etc....
When I fixed my registry...this error went away & I had no problems with it anymore...please post this resolution on the website for others!

Saving Sliced files in Illustrator CS6 like it was in CS5 "Save for web and devices" gone?

Hello,
I used to save all my slices in CS5 and it would give me the option to save for web and devices, then when I was in there it would let me choose the option at the bottom Other... then I could go in and save it as a html and images and then it would automatically make div's for me when I brought it in to dreamweaver. Where did this option go in CS6? Can someone help I am on a big deadline, and I lost all my work transfering it back into cs5 to try it there like I used to. Attached is a .png to show what I mean.
Thank you,
DariusB
These options are not here in CS6 and I cant find it. I would really appreciate the help.
Thanks again.

Hi,
There have been some other changes too - here is the link to the article that describes the changes: http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/.
Cheers,
David

Exporting animation using Save for Web and Devices problem

The animation plays as it should when the "Play" button is pressed at the bottom of the "Save for Web and Devices" Menu , but when I Preview it the individual frames don't disappear once they've shown , so you can see them all at the end of the animation . This is also how they save as a .gif ( although using the "Save as html" option reverts to looking as it should , each frame appearing and disappearing in turn) How do I save as gif without this happening?Many thanks for any help

Thanks! It was under the object - slice. You've saved my sanity

PS CS5 Save for Web and Devices reports "The operation could not be completed" ?

I teach in a lab of 27 computers, 110 students and part of the curriculum is teaching students to "Save for Web and Devices" this year for some strange reason none of my students can access "Save for Web and Devices" they get the error message "The operation could not be completed-A write permissions error has occured."
It has stumped our district top network support guru.
We are running PS CS5 12.0.4
He tried this posted fix but it did not work
http://involution.com/2010/06/13/adobe-photoshop-cs5-write-perimissions-error-on-snow-leop ard/
It worked once last Friday but today it failed, I'm getting very nervous about being able to prepare my students for the ACA exam without this function.
In a discussion forum they suggested "zipping and deleting" the save for web preferences, I tried that. Shut down Photoshop reopened it and that did not work.
I am at a loss. Seems like a bug.
Any ideas.
We are using iMacs running Mac OS X 10.5.8

The error message may not simply address the location to where the students will save a single file. The error likely applies to the temporary location where the various optimized versions might be automatically saved as you preview the image as JPG/PNG/GIF. I would wager that you would not see this error when you are logged into one of the students' computers as an admin.

Possible Problem with Save for Web and Devices?

II've come here to the forum for some insight on why a gif file created by save for web and devices command is not showing up as an image in an uploading dialog box for my website. I'm buildiing my website with word press and a custom freelancer theme. I've created a customized header with Illustrator and have been saving the file with the save for web and devices command. Once I have my gif file, I go to my theme uploader and try to upload the gif image and place it on my homepage. I've not had any problems with doing this until yesterday, when I tried to upload an updated file. What usually happens is that the thumbnail image shows up in the dialog box, I select my options, and click insert. But what's started happening yesterday is that the thumbnail does not show up, unless I click on edit image. This makes no difference, as when I click insert and go to my homepage and refresh it, the header doesn't show up. I've tried working with the developer of the theme to resolve this problem and so far we've not found a solution. I've tried to upload the header with different file types: jpg, png, tiff, but they don't work. I thought I'd come here to see if anyone might have some suggestions. The problem may not be with Illustrator's save for web and devices, but I thought I'd give this forum a shot. Thanks for any and all respones. :[

CT,
If you can see and open the GIF/whatever (with any viewing application), the Illustrator Save for Web&Devices works. If not, you may ask about it in the Illustrator forum:
http://forums.adobe.com/community/illustrator/illustrator_general?view=discussions
If the image is there, to have the issue solved quickly, I believe you should ask in a forum covering the web building application.

When I save for web and device in Illustrator, I see all the pixels... What is wrong?

I have created a vector image. When I save for web and device in Illustrator, the image does not come out clear even if I'm saving the image the same size as the artboard. I can see the coutours (pixels)... I've opened the file on another computer and everything is perfect. What is wrong on my computer?
I have reinstalled the program and did all the updates. What else can I try?
Thank you!

So that you know next time that option is no longer available so to speack it is now under a dropdown wiht the default none then Type Optimized or Art Optimized in CS 5 and operhaps CS 4 as well

Saving GIFs for web and devices

Similar Messages

Maybe you are looking for