Psd turn into JPEG prewiews after save for web. Help!

save for web>save>save optimised as>save>close. That gives me a jpeg (the previous was a psd), but in the form of a preview thumbnail, top right corner bent, loupe and "JPEG" on it. I did about 20 psd just fine,ending in the folder as jpg images, keeping their previous names and the new "jpeg" underneath. What happened?
Not less odd, as I was shrinking the folder window, (bring in the bottom right corner, but this is probably not related), all the previous ones (the jpeg images) turned into preview icons, too. By moving the cover flow, they turned back into images, and by moving them again, they turned back into jpeg
icons, this time, not with the loupe and the photos, but with 3 geometrical shapes on them. If I bring them back into Ps CS3 and save for web again, and then close, I get a "save changes to the jpeg document?" question,>save, which gives me a regular save as window, and they stay images, and I could end the problem like that, but that might cancel the previous save for web. Help! goodnight now.

I guess I have been sending all along (my almost 2 years of photoshop) inflated pictures of images (which however I take the care of reducing to 1000
pixels from the original 4000 something that they originally are). What's odd for you guys, and normal for me, is that the computer went back to turning
out "normal" .jpg images, in small characters, like it has been doing all along, as if it went on a freaky spree yesterday, and I will probably go along with it, just because i don't know how to provoke deliberatly the JPEG with the loupes which appeared breafly yesterday, and that I am supposed to expect.
I don't have any third party add on (do you mean plug in?) Only GF, sitting there, unused for a year.
Of course now i am intrigued: Marion: what do you mean by :"this may be affected by normal Finder settings" ? Any settings that i can control to get those JPEG with loupes that I should expect all the time?
Thanks everybody, i'll just leave the thread open for a bit in case somebody wants to shed some more light on my state of confusion.

Similar Messages

Original file turns modified after "Save for Web-"

Hi everyone!
I'm with a little question.
What happens to the edited file after saving its copy using the “Save for Web…” command? Why the original, unmodified file turns into “changed” (with * symbol after its name)?
P. S. The same behaviour is in the Illustrator.

It's because the original file did get changed, because the Save for Web settings were changed. Photoshop saves most Save for Web settings so that the next time you use Save for Web, you don't have to set all the options from scratch.
I tested this by opening a file and using Save for Web without changing any settings, and that time the original document did not ask me to save before closing.

RGB Colour change after save for web.

I recently had a folder full of images that I cut out and placed on a grey #e9e9e9 background, after using adobe photoshops Save for web feature, I saved them as 356 colour gif files. However when Ive uploaded them to the web I notice the grey #e9e9e9 was ever so slighty different. when I reopened the images in .gif files in photoshop, the grey background was no longer #e9e9e9 but #eaeaea. Im slighty confused as to why this has happened, and is there anyway of correcting this?

It depends on the mode:
Perceptual
Selective
Adaptive
In my tests Selective preserves larger gray
areas e9e9e9 (233 233 233). I think there is no
guarantee, except for web-safe colors (which are
otherwise quite useless nowadays).
Please read the help text
Optimization options for GIF and PNG8 formats.
Best regards --Gernot Hoffmann

Is save for web in JPEG format lossless when quality is 100%?

I am trying to figure out if I can reduce optimised JPEG sizes further than what Photoshop can offer.
My boss has recently questioned whether the file sizes can be reduced using lossless JPEG's further than the sace for web function in photoshop.
From what I can make of it, lossy is the option on GIF files, and therefore I am assuming that the optimisation is lossless for a JPEG at 100 percent quality and lossy when the quality is reduced?
I just want to clarify that I am saving images for the web at the smallest size I can without losing too much quality.
All the images I save are 450px wide @ 75 dpi, but vary in length from 800px high to 1500px high, but have to be saved under 100kb.
Can anyone clarify the lossless and lossy in JPEG format in save for web?
Thanks
Ray

As c. says above, JPEG is a lossy compression - there is no lossless JPEG.
PNG 24bit offers lossless compression, that is it performs compression analogous to a zip archive, whereas JPEG works by (in extremely lay terms) building a new image that resembles the original.
GIF and PNG exports let you reduce the number of colours to get better compression - there are fewer pixel differences to compress at 8bit colour depth. Hence a 16 colour PNG will have a vastly smaller file size than a 24bit PNG, and depending on the image may be much smaller than a similar quality JPEG.
Depending on how far off your 100KB ceiling you are, you may be able to improve your file exports by cleaning up the source image - reduce noise and if possible explore exporting as 8bit pngs with fewer colours - avoid using diffusion or noise in the export options. Find the balance between acceptable file size and image quality... photographs tend to be the hardest thing to compress because there's so much detail data, especially in darker (low light) areas.

Save for web not working for .PNG?

When I slice up a .psd file and then go file > save for web and select to save the images as .png it does not work for some reason. No matter what I select it only uses jpeg. I am using Photoshop CS2.
Any suggestions?

As Zeno said, file format selection is per slice, not a global override. Select al lslices, then pick the PNG options.
Mylenium

Same old "save for web" dilemma

I did a quick test for saving an image for web viewing, here's what I did, step-by-step:
- Before opening or creating any document, I chose sRGB as my RGB working space
- I created an new 2"x2" document from scratch (obviously containing the right color space - sRGB).
- I pasted an image from another file into this document, and chose "Convert." (The other file was an AdobeRGB profile, but I'll assume the color space of the copied file is irrelevant.)
- I saved my 2x2" file as a Photoshop file, from which I would create 2 different types of jpegs.
- I created the first jpeg using File>Save As, and named it "saveas."
- I created the second jpeg using File>Save For Web, and named it "saveforweb."
Results:
When I open my "saveas" file in Photoshop, I see that it opens in the sRGB color space. (I check in the lower left corner, where I have "Document Profile" visible. All seems good with this file… on to the other file.
When I open my "saveforweb" file in Photoshop, I get the box that says 'the document does not have an embedded profile.' I choose "Leave as is" and open the file. It tells me in the lower left corner that the file is "Untagged RGB (8bpc)."
Question: Why does not the Save For Web technique embed the original profile? FYI, when I did a "Save for Web," I clicked the little arrow in the upper right corner and chose "Use Document Color Profile." I also clicked the other little arrow in the upper right corner and chose "Convert to sRGB."
What's up with this?? Is it typical? If I were to post each of these online, would they look the same? I can only preview on my Mac (Safari shows the "saveforweb" image as slightly brighter and more vivid).
But my real question is why the "saveforweb" file won't retain the profile. Is it even possible?? One would think so. Any advice please!!

I found the solution (took forever to consolidate all the answers) for OS X 10.9 + Maverick. Finally!
1. Change permissions (as AOTPR says) to your User/Library/Preferences file so that your admin and user (the one you are using) has read + write permissions within the Get Info pane (command+I). You may have to add them with the sign.
2. Delete Adobe save for web 12.0 Prefs & Adobe save for web 13.0 Prefs files within the User/ Library/ Preferences folder. These may be hidden for some people, so when in a finder window, hold Option(alt) and click Go from the main top menu (keep holding Option/Alt) and click Library — the full Preferences folder should open for you.
3. Change the view when in Save for web pane in PS. If you have it in Cover Flow — it won't work. Change it to another view like List or Columns view.
Presto! Works for me on Maverick.
Thank god. It took forever to get this cleared up!!
If you have any questions, email me [email protected]

Save for web color shift - only on images smaller than 150x150px

I'm getting a color shift only on small images (150x150px or smaller) when I save for web in Photoshop CC and CS6. That's very weird as it doesn't happen to images larger than 150x150px! That issue happens with images with different measurements as well (e.g. rectangle), the small looks dull and the larger display the right color.
My Color Settings are set to "Monitor Color". Under save for web I have the following options not ticked: Embed Color Profile and Convert to sRGB. (viget.com/inspire/the-mysterious-save-for-web-color-shift)
I'm running the OS X 10.8.4 on a macbook pro, I tested that on both, Safari 6.0.5 and FF.
The squares in the screenshot were saved exatly the same way. The largerer displays the right color #FFCB32, but the smaller displays the color wrong.
I appreciate your help.
Cheers
P

JPG & PNG = Color Profile "Don't Color Manage this document". Save under save for web I have the following options not ticked: Embed Color Profile and Convert to sRGB. (viget.com/inspire/the-mysterious-save-for-web-color-shift)
Resizing in photoshop (Image Size), but the color shifts even with cropped image after save for web.

When batching Save for Web, Illustrator also saves copy of .ai file

This question was asked and abonadoned here, so I'm posting because it's also happening to me.
CS4 & CS5 (I tried both), Mac OS 10.6
1. I select the "Save for Web PNG" action, which is part of the default set, and select "Batch."
2. I choose a source folder and choose a destination folder, and check "Override Action 'Save' Commands."
3. Illustrator then performs the Save for Web action, but puts the .png files in the original destination specified in the action. It also puts copies of the .ai files in the destination folder I created and specified in the Batch dialog box.
I want the .png files in my folder, and I don't want copies of the .ai files.
Pulling my hair out on this one, going to lunch. Thanks in advance for any help

Ah, ok. That worked, for the most part. When I used "Folder" as the destination, my jpegs were saved to that folder, but I also got the .ai copies again. Argh. It was only when I chose "Save and Close" as the destination that I got just the jpegs.
So "Save for Web" is actually a type of export, rather than a save. It's confusing, since the action is called "Save for Web…" Plus, the batch works — in the original way I set it up — with a regular Save command.
btw, the top section only goes gray when "Save & Close" is selcted (see screen shot). Thanks for your help.

Blurry smart objects in Photoshop Save for Web jpegs

I create graphs, etc in Illustrator, place them as Smart Objects in a master Photoshop file before outputing Save for Web jpegs to use as PowerPoint slide backgrounds. Everything created in Illustrator or Photoshop through that process (Quality 80 or 100 with any of the SfW options on or off) Save for Webs are blurry when imported (at 100%) into PowerPoint. The only way I have been able to get anything crisp in PowerPoint was saving a Photoshop pdf. However, that was only the text created in Photoshop. The Illustrator Smart Object part was still blurry. Anyone have any idea on the best process to combine Photoshop and Illustrator files into one file for import into PowerPoint as a clean, crisp background? At this point I am open to all suggestions.

There are parts that are being added in Photoshop, hence going from Illustrator through Photoshop as a Smart Object and then onto PowerPoint. If I wasn't 5 months down the line and just nearing deadline, I would recreate everything in Illustrator. Assuming that I have to continue at this point down the Illustrator through Photoshop line of working, how do you designate pngs or jpegs to be 220ppi. Jpegs have a 1-12 quality (and 12 is still blurry).
Note regarding PowerPoint, I embed the full-page image into the background so others that are using this can't move (by accident or on purpose) the background.

In Photoshop CS6, Save for Web strips out my filename after a period "." character

I have a file named label-1.5oz.psd. In Photoshop CS6 when I use "Save for Web" to save it as a JPG, it only wants to save a part of the filename: label-1.jpg
I strips out everything after the period "." character. I know it's incorrectly thinking that's a file extension.
Any ideas how I can fix this? Any settings I should tweak? I'd really love for it to save the full filename without requiring me to retype the last part every time.
Thanks in advance for any help!

Oh if only it were that easy... Unfortunately, they have to be cropped and resized, converting over from a print catalog where much of that work was originally done in InDesign, and now have to convert each individual image to make the web site look like the catalog... but thanks for the suggestion, have already tried to automate what I could.. But much of this is going to be hands on... getting my familiar quick keys to function correctly would help greatly.

Copy & paste into save for web color palette doesn't function on macs

This didn't work in CS2 either on the mac side. Yet, you can copy a color hex code in the normal program, save for web and paste that color into the color picker for matte on a gif just fine on a PC. Get on a mac and you better get a pen out. Why?! Why can't I paste into the save for web/devices color picker?! Seriously? $600 and I can't copy and paste because I use a mac while at work on the PC I can do it without issue.

Is this something that will be given to mac users in a future update?

PSE 7 - Save for Web - Now Defaults to GIF - Prefer JPEG - Can I change it?

When using PSE 7.0 File > Save for Web, I generally want the files to be JPEGs. In previous versions, the file format on this menu would stay at JPEG once you set it there. Now, each time I open the menu it returns to GIF. Is there a way to have it default or hold as a JPEG in that field?
Thank you!
Beverly

Is there a competing program that is as good as PSE that I could try? I am having a few annoying problems with this program and I think it is time to try something else. I was really excited to use the Photoshop family of photos, but these three problems are getting me down:
1) I hate that the save for web function defaults to .gif. It is really annoying. The fact that they have a tool to fix it yet that doesn't even work makes me even more bummed out.
2) When I try to go from the organizer to the editor, it literally takes about 20 seconds for the photo to load. That is a big waste of time.
3) Sometimes, when I am in the quick edit mode, the zoom feature doesn't work. Other times, the cropping feature doesn't work. I click it back to the full edit, and those functions work. It is odd.
It isn't like I am trying to split the atom here. I am relatively computer savvy, and all I want to do is edit photos. I have had many problems like this with the previous version as well as the latest one.

PSE6 Mac OS - Save For Web won't save JPEG high res setting in Preset

Why is it that, contrary to documentation, Save For Web won't remember that I always select JPEG High for every photo file I save? Each time, it comes up as "Custom" Low quality, and can't even remember that I want JPEG format. My reliable old copy of PSE 2 that I've used happily for six years was capable of remembering what I wanted out of Save For Web. There are always surprises with new Adobe versions, I just wish there were some good ones once in a while...

I tried on my mac machine with PSE 6 and saved one file as PNG-24 and some settings. I saved the file.
next time when i opened any other image and tried using save for web, the previous settings were remembered.
So, i m not sure if the issue you facing is common to all.

Photoshop CS4 Save for Web JPEG Colors are Off

Ok, I've scoured the web to see about finding a solution for this and tried every possible option and still I'm coming up empty handed. I have a website that I'm developing for a painter and have an image converted to sRGB, and the colors are where I want them to be. I use Save for Web, and every iteration suggested online for the, embed and don't embed, convert to sRGB and dont' covert, use document color profile, use windows, yada yada. Here's a recent example:
when i preview the image with Firefox, here's the difference:
The photoshop version is on the left and is the color that I want/need. The image on the right is firefox and saturated. If I save for web with embedded profile, safari is accurate, whereas firefox is saturated, so it's obviously discarding the icc and using some color space that I can't see in my file. I did notice that if I have my Custom, Proof and select Monitor RGB, then I can see what firefox will ultimately display and also what Safari will display if i have Embed ICC Profile unchecked in the save for web dialogue box.
I know that CS2 and CS3 were easier and less squirrely with color managing web files, but I think CS4 has some juju under the hood. Am I the only one out there frustrated, or like other web developers just accept the inaccuracy and move on? Since this is fine art, I'm doing my best to dial the color in, but it's been all afternoon beating on this.
Any ideas, I'm ready to install CS3 and see if my life will be easier, but I'm wondering if having Photoshop CS3 and CS4 will cause any issues.

>> your logic
That's my rant and I'm sticking to it.
The OP wrote he doesn't want or need to discuss the pros and cons of embedding profiles in Web images, but for the sake of anyone else reading this:
1) Embedded ICC Profiles increase file sizes (about 4K per image).
a) I may have over 100 thumbnails and dozens of photos on one page,
b) Plus, I may have an image sliced into many pieces.
c) That additional 4k per image, per slice, will add up fast and may kill dial-up traffic.
2) Very few computers use color-managed web browsers or calibrated monitors anyway, and
3) Problems with matching/blending image's edges or background color with a filled box or page color.
d) If I tag the image — on Mac colormanaged browsers — the color will mismatch the box/page color on managed browsers because the tagged image is being Converted to MonitorRGB, and the untagged page or box color is having MonitorRGB Applied.
e) This matching or blending a pixel-based graphic to page color is a pretty big deal to do correctly in professional web publishing.
f) If I publish untagged sRGB images/graphics, the box/page color will match the images and blend correctly in all browsers.
I WILL QUALIFY my general recommendation about embedding profiles in pixel-based web images for the following reasons:
1) You are posting fine-art images, creative portfolios, and are not worried about adding 4K additional data per image, per slice.
2) You are not worried about having Mac visitors seeing graphic blends or photos mismatched to a background color.
3) You understand only properly-profiled monitors and color-managed web browsers will benefit from your embedded profile — and it is likely 99% of web surfers don't have either — however, if you are targeting the one percent who do, then there is your number one best reason for tagging web photos with embedded profiles.

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

Just go back in photoshop and use the Slice Select tool, then just click and select the slice and hit delete - if you're not sure which one is the active slice just right click and find the one that has the Delete Slice option.
It's possible you either added the slices by accident or if you received it from someone they just had the slices hidden. For the future, you can go to View > Show > Slices to display (or hide) slices.

Psd turn into JPEG prewiews after save for web. Help!

Similar Messages

Maybe you are looking for