"Save For web" produces only JPEG Format !

Posted on 2007-10-10
Medium Priority
Last Modified: 2010-04-03
Hi Experts..
I want to convert the PSD Image to gif files and html page.
When I select "Save For web" after slicing image, the output comes as jpeg only although of selecting "GIF" type!!
Any Idea?
Question by:anasalama

Expert Comment

ID: 20048013
When you are doing "save for web" look on the right at the options list. There should be a dropdown menu which says "jpeg." Change that to "GIF" and you should be fine.

Author Comment

ID: 20049370
I already did this but the same output still comes in jpeg format.
these are screen shots of steps please check:

Expert Comment

ID: 20051039
So are you trying to save it as an html page with individual images? If you do that and choose GIF, aren't the images in a separate folder in the same location as the html file so that the html file can pull from the folder of images?
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Expert Comment

ID: 20051560
Are you going to file and then save for web?  Or are you going to save as html?  The only reason I ask is because the 2nd screenshot looked like you were saving it as HTML.  IF you want to create a webpage out of this PSD file then you should use the following link:

If you are using the save for web then you should try this link--maybe it will help yoiu

Author Comment

ID: 20052910
- Are you trying to save it as an html page with individual images?
Yes, but the seperated images in "Image" folder are JPG.
- Are you going to file and then save for web?  Or are you going to save as html?
I tried both but I got the same result everytime.
As well I used ImageReady - Save Optimized but the same damn jpg came!

Expert Comment

ID: 20083247
Try splitting the HTML file into seperate images and then replacing the JPG images generated with your gifs. You will also have to change the code in the HTML file to point to the new GIFS as well. I am not really sure what's going on there...

Expert Comment

ID: 20083714
Each slice has individual settings... Are you sure maybe you only changed ONE slice, and so got a bunch of jpegs, and one gif? If that's the problem, then make sure you select all the slices before you change the image type...

If that's not the issue... then... and probably more likely... there is a TINY little arrow to the RIGHT of the "preset" setting in your save for web.... You want to click that arrow... and it will drop down a box that says "edit output settings" (or something close)

From there you want to find slices... and make sure that is set how you want it...
Since you said you are outputting HTML... this is probably the settings dialog you wanted to find... that's where the relevent settings are (that were probably embedded in the file)

I'm betting you are working on editing some sort of pre-built template that outputs a series of different web graphics... possibly a skin for something? Anyway... hope that helps.

Accepted Solution

yazan3000 earned 500 total points
ID: 20116701
When you create your PSD File -- FIle - New, make shure that Bakckground Contents is Transparent.
Thus photoshop will automatically give you GIF outputs.


Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article was inspired by a question here at Experts Exchange (http://www.experts-exchange.com/Software/Photos_Graphics/Images_and_Photos/Q_28629170.html). The requirements stated in that question are (1) reduce the file size of a large number of…
This article outlines the struggles that Macs encounter in Windows-dominated workplace environments – and what Mac users can do to improve their network connectivity and remain productive.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
In an interesting question (https://www.experts-exchange.com/questions/29008360/) here at Experts Exchange, a member asked how to split a single image into multiple images. The primary usage for this is to place many photographs on a flatbed scanner…
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question