Can't change image size % in save for web

Hello,
I'm using Photoshop CC. When slicing a web mockup, and saving for web, the image percent is blocked at 58.49% and I am not able to increase it to 100%. So my original image of 1024px wide comes out at 600px
I haven't changed any settings (that I know of) and do not have this problem on any other mockup files I have. What setting do I need to adjust in order to save for web my slices at 100%?
Thanks!

I worked out what the issue was, my document height was over 8000px tall which is causing the issue, even though my slices are less than 2000px tall. When I temporarily crop the document to below 7000px, I can save out the slices at 100%. Annoying work around.
It seems a bit random.

Similar Messages

How do I change the image size in Save for Web?

I just upgraded to Illustrator CS6 on a PC. I try to save my graphic in Save for Web and want to alter the image size, but it won't change, it just goes back to the original size. If I change the percentage box, the values change. I have tried linking and unlinking the proportions and nothing. What am I missing?? I don't have time to guess the percentage to get to the exact width I need.

Make changes in the Image Size section of the Save for Web. Input new values in Width and press Tab key to move to Height field. Click on the Link icon to unconstrain proportions. As you press the Tab key again to go out of focus of the Width and height boxes, you will see the changes reflect inside the Save for Web window. If this doesn't work then make sure you have updated Ai to 16.0.1 or 16.1.0 depending on the type of installation (from Disc or from Creative cloud) respectively.

Image Byte size in "Save for Web"-Dialog is wrong?

The Image Byte size in the finder is always larger than the size stated in Photoshop's "Save for Web"-Dialog box. For example, it shows me 34,36 KB in the SfW-Dialog, while the file information in Finder puts out "38,831 KB". Does anybody know how to fix this annoying behaviour?
kind regards,
tomasio

The size reported in the Finder can be in base 1000 (lying numbers used by disk makers) instead of base 1024 (actual bytes) if you don't change the settings.
The size reported in the Finder can include the resource fork (metadata and thumbnails, some added by the OS), plus some extra space for disk block allocations (if you write 1 byte to a file, it still takes 4k or more of disk space).
The size given in SFW is a close estimate of the actual number of bytes written to the disk, and usually matches the size reported by FTP and the web server (sometimes the estimate is off by a little bit due to the final compression options chosen).
But SFW cannot account for the oddities of the Finder or Windows Explorer's accounting of file size.

Poor image quality with save for web

It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality image

I thought of that too so I tested on another machine with retina display and the file i saved on my machine looked bad on my machine and on the other comparable machine/display. So I sent them the original vector ai file and watched while they saved it the exact same way on their machine and the file looked fine on both of our machines/displays.
All of the settings they used appeared the same as what I used but with different results. I don't recall changing anything but does anyone know if there is some setting that could have been changed that is causing this issue?

Huge file size with Save for Web but preview is ok

Hi,
I have googled but not found anything about this but I have the same problem on my computer and also on a colleagues computer so it seems it should not be totally unknown.
This is what i do
1 Open a eps file, one color logo, 72dpi, size it to 110x21
2 save for web
3 select png-24 format. preview says file size ~1.3 kB
4 save -> actual file size on disk is 4 kB (ie 3 times bigger file size than it should be)
5 Preview and then right click in browser + save image as gives correct file size (on my colleagues computer this does not work, he always gets the wrong size)
I have also tried with gif and various settings, image sizes etc and the result is the same.
I'm using Windows Vista 32-bit and Photoshop CS4.
Is this a known problem?
Thanks

Thanks for your reply but i don't think that's it. When I check properties on the file in Windows it tells both "Size" and "Size on disk", where the latter is actual size on disk (depending on cluster size) but the size I am talking about is the first one.
Also just to be clear, when I say Preview, I mean clicking the Preview button that opens the file in a browser window. Not the preview within the Save for Web and Devices dialog. So I think this file is correctly created and *should* be the same as if I click Save (but it obviously isn't)
This sounds very much like a bug to me, anyone else who have seen this or can recreate?
Thanks

White space around image when doing Save for Web

Say I draw a simple square in Illustrator CS6 then export it to a PNG using Save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.
No other hidden elements are around the image. Clip to artboard in not clicked.
Why does this happen and how do we get rid of it?

For once I get to answer a post and say somehting good about align to pixel grid.
Turn it on
Your image will now align to the pixel grid
Turn it off when not doing web work, or will drive you mad.

Any way to change PPI when choosing save for web? Seems to force 72 ppi/dpi

I'm doing business cards for clients and submitting them to the printer in PDF which works out just fine. However when I submit a jpg as a proof (to show orientation) they complain that I should do a higher resolution for the proof. Illustrator seems to force 72 dpi/ppi (I realize these aren't exactly the same thing) when I use save for web. If I use "export" instead Illustrator doesn't seem to honor my crop dimensions and I get an export that bares no resemblence shape-wise to the original document. Why can't I just put 300 ppi in somewhere and get a higher res output? Thanks for your help!
Patrick

It was because the business cards had a particular curved die-cut and they wanted to know exactly where I wanted the cut. I sent them a 250pixel wide one and they bitched about it but did it. Yes I sent them a PDF for the printing and it turned out just fine... I just wanted a quick raster export with curved die-cut lines and couldn't do anything other than 72dpi apparently.
edit: Was also trying to send a client a quick jpg or png proof today and couldn't do anything bigger than 72 dpi (in save for web)... when I tried to export a png instead the cropping was way off. I remember crop-area-make in older versions of Illustrator but apparently they took that option out while still requiring it

In IOS7.1.2 how can I change the size of type for Photo Album?

I want to change the size of the type of a name of a Photo Album to match the size of earlier albums. How can I do this?

I am not sure, if this Will work on the title page:
Edit text on a page
Tap Projects, and tap the photo book to open it.
Double-tap the page containing the text you want to work with.
Do the following:
Align the text: Tap the text box, and choose an alignment style from the menu that appears directly above the text box.
Choose the font size: Tap the text box, and tap the font size you want.
Make changes to the text: Double-tap the text box, and type.
You may need to change the Book Theme to have a different title font size.

I can't figure out why my "Save for Web" is grey.

My pic is 450px by 450px at 73 ppi in RGB. I have always been able to save as a png or gif for my website work on my other older version of protools. What could this be caused by???

One reason could be that your image mode is 32-bit. ??
If so, Image > Mode > 8-bits.

Photoshop CS3 need image rollover assistance/save for web

I just installed Photoshop CS3, was disappointed to see ImageReady gone but not worried.
I updated an old rollover file with new wording and went to save the slices as I had always done in the past - with ImageReady, it would automatically save the file as a standard name (file.gif) and the rollover type (file-over.gif)
Unfortunately, I can't figure out how to do this in CS3 without ImageReady. I bought the design premium version so I don't have Fireworks. Does anyone know how to do this process in PS CS3?

Misty,
PS CS3 doesn't support rollovers. So you have to:
- recreate rollover effect in Photoshop
- save "over" version of your image under different name
- recreate rollover code in Dreamweaver or other HTML editor

CS5's save for web size preview is lying to me. Help!

So I just downloaded Photoshop CS5. For my work I need to save images through the Save for Web and I need to save it at a certain file size as a jpg. I change the percentage to get it just at right size (75K or 25K) and then hit save. Then when I look at what I have just saved its way bigger than the preview claimed it would be. Like 10K-20K larger. I've unchecked the metadata but it still happens. (I even think it getting worse, but that could be because I am frustrated) How can I get the preview size displayed to be accurate?
Thanks.

Welcome to Mac.
http://forums.adobe.com/message/2075182#2075182

Save For Web vs. Resizing vs. File Size vs. PNG

In playing around with some settings while saving a .png file, I noticed some weird results. For this example, the original image is 300 x 300, but I want the final size to be 200 x 200. I get different results depending on the order I perform the following operations (I never thought the order mattered until now).
1. start with 300 x 300 image, choose save for web, select png-24, with transparency, white matte, convert to sRGB, change image size to 200 x 200, then save - the file size is 37kb
2. start with 300 x 300 image, use Photoshop's "image size" to change to 200 x 200, then save for web, etc - the file size is 111kb
So depending on which step I resize the image, the file size is significantly different - if I resize BEFORE using save for web, the file size is much larger. This is just weird to me, but I always resize AFTER choosing save for web, so that's why I've never caught this until now. In case you ask, while using Photoshop's "image size", all three options are checked at the bottom of that window, so nothing is getting re-sampled or anything like that.
The only thing I can think of is each of those methods treat pixel data differently when reducing the dimensions. When I overlay both exported .png files on top of each other, I see no difference in pixel quality and/or color shift - so why the big difference in file size? Unsurprisingly, if I just save the file straight to .png, the sharpness is much better, and the file size is 46kb. I did notice when saving for web, the colors become a little more saturated.
Are all these results typical? I've never really paid much attention to the results when exporting .png's. I always thought the results were lossless (in general).

Too many variables
What? There are 2 variables here (variables = scenarios = steps). Only two different operations.
1. resize the image, THEN use "save for web" = 91kb
2."save for web", THEN change image size = 157kb
Hopefully my logic translates here:
All other settings are the same. I even made sure the .psd was sRGB this time. The specific question was "why does the different workflow order produce such a big difference in file size"?
In creating a new test file (http://www.shan-dysigns.com/userForums/photoshop/savePNG.zip), I did notice an interesting thing: (I'm including my files in case you want to follow along or test for yourself)
If I merge all layers BEFORE performing the steps above, the file sizes were relatively closer to one another - 168kb and 157kb (respectively from the 1, 2 list above)
One thing to note is all the .psd layers are either shapes or text - this whole scenario may be totally different if each layer had rasterized content (actually, it does, by about -20kb).
The file size in step 1 above didn't jump until it had to consider rastered text/shapes into the calculation. So all this tells me the difference in file size has to do with how each process handles vector data. Maybe when you allow PS to resize the image first, the overall file size is smaller because the vector data gets recalculated???
I don't know how to properly interpret all these differences, but I do know there is something about PS's operation of resizing the canvas with vector data versus resizing the canvas with rasterized data - this has to be where the difference in file size lies.
Maybe I've just wasted a bunch of time on the obvious, but I think I learned something here. Now my head hurts and my eyes have popped out of my head.
So, Chris, I guess there ARE more variables in this situation. My curse is being nosey and wanting to know more technically about PS than most casual designers probably would care about.

Photoshop CS6 save for web some colors change?

I have a picture with large area of color: #fffdfd, when I save it for web (jpg) this color is changed to #fefcfd (in JPG).
I just can not save as JPG with #fffdfd.
(was trying uncheck convert to sRGB, do not embed color profile - always #fffdfd changes to #fefcfd when save for web)
However, color #fefcfd when save for web , does not change.
Why some colors change and some not? Is it a bug ?
Window7 64bit, Photoshop CS6

Save for Web & Devices will strip some color data from the file.
Browsers aren't color managed. Most file formats on browsers assume they're sRGB. While Photoshop gives you an option of embedding sRGB to the document color space, it also strips off data that is not relevant. This is a common occurence.
PNG-24 on the other hand will give you the exact color match.
Also, Save for W&D, JPG quality matters a lot - The same color at Quality 10,20,30,40,50...100 wil give you different color reproductions on the JPG end output.
If you're concerned that much about an offset of +/- 1 hex value to your RGB colorspace, dont save for web & devices. Do a 'Save As' instead. Then use an image editing/ resizing application such as ResizeMe to resize the quality of your document. This, in most cases will retain colorspace information but just drop the resolution and quality of the image - giving you a lesser filesize.
On a sidenote, You may also want to read this article on how to best manage color spaces: http://viget.com/inspire/the-mysterious-save-for-web-color-shift

Why do my images appear washed out when I use Save for Web?

Q: The color/brightness/tone of my image changes when I use
Save for Web. Why?
A: Photoshop is a color-managed application. The Web is not. Normally, when you view an image in
Save for Web or
ImageReady you are viewing it without color management and see it how it will appear when uploaded to the Web.
To minimize changes, Convert your image to sRGB (i.e from
Edit menu choose
Convert to Profile )before using
Save for Web. You should also make sure that
Save for Web has been configured so that images are displayed using the document color profile (see attached screenshot for guidance).
You should also ensure that your monitor properly calibrated and the gamma is set to 2.2.

Same here. Didn't get any good New Years Eve photos indoors.

Batching multiple images - save for web?

i'm new to elements 9 on my mac & was wondering if there is a way to save multiple images for web? the only thing i've come across in the program is one image at a time. thx

Hello,
There isn't a way of sending multple images through the Save for Web dialog box. But there are ways of working with multiple files that may accomplish the same, it just depeneds on exactly what you are looking to do. For example, if you are only looking for a way to turn a bunch of PSD, TIFF, or RAW files into a internet compatible JPEG, that can be done via File>Process Multiple Files. From here you can take a folder of images and convert them to another format such as JPEG (you can do other things too, like resize, rename, perform autofixes).
-Brett

Can't change image size % in save for web

Similar Messages

Maybe you are looking for