Losing quality when saving for web after using Multiply

I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size, or what uploader I use the quality is terrible.
Have tried uploading to different services, from difference devices with the same issue, so assume it's a colour profile thing.
Any help appreciated.
Image shows the difference in quality compared to normal.

04dalyj wrote:
I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size,
DPI is pixel size and images are not displayed on screens with the pixels sized as specified in images resolution setting. The images pixels are displayed on displays with pixels the size the display is run with. So web images display on display, display with different sizes and resolution depending on the users display device.
Images saved for web display should be saved with sRGB colors for many image viewers are not color managed and assume web images have sRGB colors.
So you images will display differently on different displays and no matter how you save them colors will vary displays may not be calibrated all displays do not have the same color capabilities.
The best you can do is calibrate your display and save them with sRGB colors jpeg or png files that display well and look good on your calibrated display.
Most desktop displays are 100DPI resolution displays where newer tablets and laptop have high resolution displays 200 to 300DPI. Even new Desktop 4k display have lower resolution. I believe the highest resolution 4K display in production is the Dell 24: display . Its resolution is 185DPI. Out of production is IBM's old 4K display which had a 204DPI resolution.

Similar Messages

Grainy text when saved for web

Why do graphics with text and/or images in Fireworks CS5 become more grainy or blury when saved/exported for web use? Compared to results in Photoshop, text, image and graphic rendering when saved for web in Fireworks is lower quality or poor (grainy and blurry). Why?! Should I not use Fireworks and only use Photoshop CS5? Isn't Fireworks designed for creating web graphics? If so, what am I missing? Any help would be appreciated.
Brian

Yeah, I'd encourage you to use whatever works for your situation.
I should have asked you to include a screenshot of your original for comparison. I do see obvious JPEG artifacting around the letters as well as the images; this graphic has a lot of flat color, which would prompt me to try saving it as a GIF or PNG-8 (or even a PNG) instead of a JPEG.
The cover images do look quite blurry, but I suspect they must look blurry in your original as well. Incidentally, if you saved these graphics as symbols, you could resize them multiple times in your layout without losing any quality—kind of like Smart Objects in Photoshop. (I'm assuming they might have been larger initially?) Also, you could check your Preferences to see what Interpolation method is being used when resizing. This could impact the appearance of the cover images, if they are being resized.
Text rendering is tricky at small sizes. Making a seemingly minor adjustment to the pixel size can have an impact on how the text is rendered at this small of a size, depending on the font. As far as anti-aliasing goes, System Anti-Alias can be a good choice, sometimes; you might also explore the Custom Anti-Alias option. You might also have smoother results if you create the layout at twice the size (or more) initially—a display font will look better when rendered with more pixels—and then output it at half size.
An interesting thing about Photoshop: If you zoom in to the highest setting, you can use the arrow keys to create subtle adjustments to the text rendering, depending on what kind of aliasing you've applied.

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.

What is the best way to keep high res when saving "for web"

the files i'm saving for web so i can get them in jpg (or gif) format are coming out very pixelated. this is when i print the image.
what is the best way to save for web an image and keep the resolution good.
using for a business card template. avery template will let me attach images i want to the project. to do this.. i "get file from computer" and it drops the image in but real small... then you are supposed to enlarge it onto your work however you want. well when i enlarge this image file, it gets pixelated badly. i'm thinking it's the way i'm saving it. i do not adjust anything when i save. maybe i should. this is where i need guidance.
this is what avery template notes about the images i am allowed to use - When uploading the image, the maximum size allowed is 4 MB. You can only upload JPG and PNG images either as RGB or CMYK. so when you recommend things, can you please keep this in mind
thank you for oyur time.

Aida,
When you save with the default template using save for web it is generally a very low settings.
While in the save window you can define the pixel size of the image you want with quality as well as resolution too.
Refer to tv.adobe.com video save for web or Adobe help file for detailed instructions.
Mandhir

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?

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.

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!

When saving for web in cs5, I get slices saved. How can I change this preset?

Since I started using photoshop cs5, every time I save for the web, I get slices saved, what's annoying about this is the fact that instead of getting the images or slices in this case, saved in the folder I select, it'll automatically create an image folder and then I have to go over the folder and rearange all the images again, it's really time consuming.
Is there a way to avoid this, so that when I select the slices I want to save, they'll go directly to the folder I want instead of having an extra images folder created within my folder...
Thank you

In the save for web dialog under output settings>saving files, uncheck
Put images in folder.
MTSTUNER

Gradient mesh transparency problem when saving for web

Hi,
I created a shadow using a gradient mesh but I can't seem to figure out how to set the mesh points to multiply. As a result, when I do save for web, the white parts get saved as opaqe areas and the shadow png can't be placed on a colored background. Help.

...and aside from what Monika said, consider the limitations of transparency handling in web image formats as well as what impact the differences in handling of transparancies between browsers may have on the web site design.
Mylenium

PE 9 - no presetting possible when saving for web ...

Hi,
Is it really true, that there is no possibility to preset the form used for saving pictures for the web ?
I went from PE 7 to PE 9 some time ago, but I feel pretty sure that this was no issue with PE7. Either that version of PE remembered automatically or there was a means of presetting the file format. I never use anything but .JPG, so it's rather annoying that .GIF reappears every time.
Best thanks in advance for your answer !

Hi margaret
When you launch the Editor right click the icon and choose run as administrator.
Open an image and save as jpeg using save for web. Then close Elements.
You will always have to choose "Run As Administrator" every time you launch the program but it should remember the jpeg setting.

RGB Colours change when saving for Web

I'm saving work in RGB for Web, but the colours come out muted when saving through "Save for Web" also when saving as normal. Does anyone know why this happens? Normally this occurs through RGB to CMYK conversion, but can't figure out why it's happening, they look fine on screen before saving, but look all muted when saved.
Cheers

Two things: you could be working in Adobe RGB and saving directly to JPG, without converting to sRGB first. When the sRGB profile is assumed (Windows), or your narrow-gamut display profile is assumed (Mac), you get a color shift. So make sure you converting to sRGB as or before you save the JPG. Also, if you're on a Mac, then the display profile is assumed or assigned to images from the web. If you're using a laptop, the display gamut is much narrower than even sRGB, so you will see a color shift. The way around this is to use a browser capable of assigning sRGB to untagged images (like Firefox with color management enabled).
You can always embed sRGB profiles in your images, which would be fine for portfolio pieces, but impractical for smaller images. Embedding a color profile will ensure that Safari displays the images correctly.
Read here for a start:
http://www.gballard.net/psd/saveforwebshift.html

Issue with pasting text when saving for web and resizing

This seems to be a very specific problem in PS CC 14.2.1 Mac.
I have text in the clipboard.
I go "SAVE FOR WEB" then "SAVE . . ."
I can then paste my name into the "Save As" name dialog.
BUT
If I I go "SAVE FOR WEB" then change the size of the file in the Image Size Box before I "SAVE . . ." I can no longer paste text in the naming dialog box.
I haven't tried this for every permutation in the Save For Web dialog, but saving optimized as JPEG is what I'm having trouble with.
I believe this is a bug.

What might be happening is after you change the image size in the save for web dialog, one of the size fields is still highlighted, so when you paste
in the save as dialog, the name is actually being pasted in one of the size fields in the main save for web dialog.
After you change the size in the save for web dialog press the enter/return key and then see if pasting into the name field of the save dialog in save for web works.

Change the default HTML template when saving for web

Hi,
Is there a way to change the default HTML output template when you go to "Save for web" and select "HTML & Images"? I would like to modify the default HTML <head> tag.
Thanks.

Two observations.
First — "Tools-> ...." is specific to Acrobat X and XI. It did not exist prior to Acrobat X.
Second — Acrobat 9 Pro / Standard (nor earlier release) does not support viewing a PDF page containing a scanned image and performing a right-click ... Save Image As.
The context menu provided by Acrobat 9 Pro with a right-click on a scanned image is:
The context menu,from a right-click with the TouchUp Object tool selected, for Acrobat 9 Pro is:
So, to paraphrase what Paul Harvey used to say ... What's the rest of the story?
Be well...

Photoshop over-saturating images when saving for web

I've spent most of the day recalibrating my monitor.
I now use a gamma setting of 2.2, and target white point of D65.
My color workspace is sRGB IE661966-2.1.
I'm using Photoshop CS3.
So I've tried converting an image (even though I am already working in the same color workspace) to sRGB IE661966-2.1 and when I do a Save-for-web, Adobe gives me an over-saturated image.
Now, while in Photoshop I move the save-for-web window lower so I can visually compare the image in photoshop to the one presented in the save-for-web dialog, and they are still different.
I am at loss.
I could understand if I went to another computer and viewed the image, or went to another browser and viewed the image, but even in Photoshop, I'm seeing oversaturation.
To compensate, I've been desaturating my images, but this is frustrating, as I feel it should work.
Can anyone shed some light on this matter?
I'm running OS X v. 10.4.11
a dual processor Intel dual-core 2.66GHZ zeon
2 GB RAM
Monitor is a Dell 2407WFPHC

>> I wouldn't want the other apps to assume sRGB for an untagged image, because
That's a fair opinion...[I] would want an option to set an RGB Default profile in ColorSync, though, because the 'high-gamut' monitor I had here whacked out Finder, Preview, iPhoto color, and that setting would 'fix' the problem across the Mac OS.
The last time I saw this ColorSync RGB Default option was in 10.3x
http://www.gballard.net/psd/cswfi/panthercs.jpg
But according to Apple's John Gnaegy, when I asked him WHY that setting wasn't working here:
He said, "The ColorSync panel> Default Profiles tab headline is wrong.
"I certainly understand why you would think (that ColorSync's RGB Default setting is Assigned to iPHOTO documents that do not contain embedded profiles), but that's not what happens. Untagged images are instead represented by the profile of the preferred (Default) display," said John.
It appears some people at Apple understand the issues -- default 1.8 gamma, default monitor RGB, trying to set up ColorSync option to set a Default RGB -- but it also seems like Apple is very slow and stubborn to change...

Metadata not included when saving for web out of illustrator.

In Illustrator I'm using "save for web" to generate a png copy of an Illustrator file. The Illustrator file has copyright metadata, but when I check the png copy the copyright metadata is missing.
Why doesn't the png copy have the same metadata as the original file? Shouldn't the metadata be passed along when using "save for web"?
I applied the metadata in Bridge using the append metadata command.

well that's buggered that. here is its tombstone:
"The Output Settings dialog box, used to control HTML file formatting, slice naming, and background image handling, has been removed."
http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/
no indication if there's some other way to control those options.

Losing quality when saving for web after using Multiply

Similar Messages

Maybe you are looking for