Resize large images for web?

Man I feel so dumb having to post questions here, i really look to solve these myself and usually can in just about any software program i've used for 20 years, thats my only frustration with LR. The help system just hasn't been developed fully. Oh and thanks to all of you that help here and especially Ian Lyons for the Shortcuts pdf...what a life saver that is!
OKAY SO ON TO MY POST THIS WEEK> i was getting nice large size Web gallery images and now all of a sudden they are way too large for the client...where the heck do you adjust the size? "Image pages size" doesn't do it, seems like there should be something with "Large Images," but its only got quality, metadata and copyright.
Thanks in advance for whom ever lends a hand!

I'm pretty sure you had it right with the "Image pages" and the size slider. I am currently cranking out hundreds of images from a wedding shoot this weekend, and my "large" images are being produced at the 900 pixel max size I have in this dialog.
Set it to whatever you need, then click an image in your preview to see the size applied.
If all else fails - restart the app (but I'm sure you already tried that.)
peace,
Tormod

Similar Messages

Saving two dimensions od image for web

Hi there,
I have made script (with your help ) to export images for web with dimensions 300x300 px. Now I want that my script do one more resize of that files so that i get two files one 300x300 and another 66x66 px. I will post my script and ask you to hel me find the bug
And one more question. My script exports file name + jpg but it also keeps orginal extension so I get ie. FileName.psd.jpg
can you help me fixing this in my script... else is fine...
thank you,
Voah
Edit:
In the meen time I managed to resolve the problem so here is the new script
But I have one more thing I would like to do. I have to manually make folder "300x300 and "66x66" or my script stops. How coud I make that script make that folders? (under inputFolder/300x300/ and inputFolder/66x66/)
// Save current dialog preferences
var startDisplayDialogs = app.displayDialogs;
// Save current unit preferences
var originalRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
var inputFolder = Folder.selectDialog("Select the input folder");
//var outputFolder = Folder.selectDialog("Select the output folder");
ProcessImages();
function ProcessImages() {
var filesOpened = 0;
//   if ( inputFolder == null || outputFolder == null)
     if ( inputFolder == null) {
            alert("No source folder selected");
//     if ( outputFolder == null) {
//       alert("No output folder selected");
//else{
var fileList = inputFolder.getFiles();
for ( var i = 0; i < fileList.length; i++ ) {
       if ( fileList[i] instanceof File && ! fileList[i].hidden) {
                 open( fileList[i] );
                 ResizeImage();
                 filesOpened++;
return filesOpened;
function ExportPng(filePrefix, fileSuffix){
try
var docRef = app.activeDocument;
var docName = app.activeDocument.name.slice(0,-4);
var saveOptions = new ExportOptionsSaveForWeb();
saveOptions.quality = 70;
saveOptions.format = SaveDocumentType.JPEG;
saveOptions.optimized = true;
docRef.exportDocument(File(app.activeDocument.path+'/300x300//'+docName+'.jpg'), ExportType.SAVEFORWEB, saveOptions);
catch (e)
alert("Error encountered when attempting to save the image. \r\r" + e);
return;
// funkcija export 2
function ExportPng2(filePrefix, fileSuffix){
try
var docRef = app.activeDocument;
var docName = app.activeDocument.name.slice(0,-4);
var saveOptions = new ExportOptionsSaveForWeb();
saveOptions.quality = 70;
saveOptions.format = SaveDocumentType.JPEG;
saveOptions.optimized = true;
docRef.exportDocument(File(app.activeDocument.path+'/66x66//'+docName+'.jpg'), ExportType.SAVEFORWEB, saveOptions);
catch (e)
alert("Error encountered when attempting to save the image. \r\r" + e);
return;
function ResizeImage()
if (app.documents.length > 0) {
    var docRef = app.activeDocument;
    var n = docRef.pathItems.length;
        if((n>0)&&(docRef.pathItems[0].name!="Work path" )) {
             docRef.pathItems[0].makeSelection();
             docRef.selection.invert();
             docRef.selection.clear();
             docRef.selection.deselect();
   function fitImage() {
var docRef = app.activeDocument;
docRef.trim()
var docWidth = docRef.width.as("px");
var docHeight = docRef.height.as("px");
if (docWidth / docHeight > 4.8)
    docRef.rotateCanvas (315)
    docRef.trim()
else if (docHeight / docWidth > 4.8)
    docRef.rotateCanvas(45)
    docRef.trim()
if (docWidth < docHeight)
          docRef.resizeImage(undefined, UnitValue(270,"px"), 72, ResampleMethod.BICUBIC )
      else if (docWidth > docHeight)
                      docRef.resizeImage(UnitValue(270,"px"),undefined, 72, ResampleMethod.BICUBIC )
      else if (docWidth == docHeight)
                docRef.resizeImage(UnitValue(270,"px"),UnitValue(270,"px"), 72, ResampleMethod.BICUBIC )
docWidth = docRef.width.as("px");
docHeight = docRef.height.as("px");
if (docWidth < docHeight)
                    docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
      else if (docWidth > docHeight)
            docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
      else if (docWidth == docHeight)
            docRef.resizeCanvas(UnitValue(300,"px"), UnitValue(300,"px"), AnchorPosition.MIDDLECENTER);
var docRef = app.activeDocument;
var savedState = docRef.activeHistoryState;
fitImage();
app.displayDialogs = DialogModes.NO;
ExportPng( File( "",".jpg" ))
docRef.resizeImage(UnitValue(66,"px"),UnitValue(66,"px"), 72, ResampleMethod.BICUBIC );
            ExportPng2( File( "",".jpg" ))
docRef.close(SaveOptions.DONOTSAVECHANGES);
docRef = null;
// Reset app preferences
app.displayDialogs = startDisplayDialogs;
preferences.rulerUnits = originalRulerUnits;

Does this help?
main();
function main(){
var originalRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
var inputFolder = Folder.selectDialog("Select the input folder");
if(inputFolder == null) return;
var fileList = inputFolder.getFiles(/\.(jpg|tif|psd|png)$/i);
var outputFolder1 = Folder(inputFolder + "/300x300");
if(!outputFolder1.exists) outputFolder1.create();
var outputFolder2 = Folder(inputFolder + "/66x66");
if(!outputFolder2.exists) outputFolder2.create();
for (var a in fileList){
open(fileList[a]);
var Name = decodeURI(activeDocument.name).replace(/\.[^\.]+$/, '');
app.activeDocument.trim(TrimType.TRANSPARENT);
FitImage(300,300);
var saveFile = File(outputFolder1 + "/" + Name + ".jpg");
SaveForWeb(saveFile,70);
FitImage(66,66);
var saveFile = File(outputFolder2 + "/" + Name + ".jpg");
SaveForWeb(saveFile,70);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
preferences.rulerUnits = originalRulerUnits;
function FitImage( inWidth, inHeight ) {
var desc = new ActionDescriptor();
var unitPixels = charIDToTypeID( '#Pxl' );
desc.putUnitDouble( charIDToTypeID( 'Wdth' ), unitPixels, inWidth );
desc.putUnitDouble( charIDToTypeID( 'Hght' ), unitPixels, inHeight );
var runtimeEventID = stringIDToTypeID( "3caa3434-cb67-11d1-bc43-0060b0a13dc4" );
executeAction( runtimeEventID, desc, DialogModes.NO );
function SaveForWeb(saveFile,jpegQuality) {
var sfwOptions = new ExportOptionsSaveForWeb();
   sfwOptions.format = SaveDocumentType.JPEG;
   sfwOptions.includeProfile = false;
   sfwOptions.interlaced = 0;
   sfwOptions.optimized = true;
   sfwOptions.quality = jpegQuality;
activeDocument.exportDocument(saveFile, ExportType.SAVEFORWEB, sfwOptions);

Photoshop CS5 crashing my Mac when resizing large images

I don't have much to explain this further but Photoshop CS5 is crashing my Mac when I resize large images. Small images are fine but large 300dpi images crashes it without warning. Don't know what to do. The only other similar thing is After Effects CS5 is crashing my Mac when I trim a clip. It completely turns off my Mac when I trim a clip.
I have 8gigs of Ram and am running 27" iMac Core i5
Any help would be much appreciated!
Thanks,
Hal

Hi Wendy
Thank you for your insights. We are having the same problems here.
It's been a headache as we bought two 27" iMacs in March 2011; and we've had even BOTH iMacs exchanged.
After exchanging, same thing happened. We then got all 16GB of RAM on each iMac replaced.
But we noticed that the auto-shutdown problem happens with files on 300dpi. We are contemplating on changing them to 299dpi though haha!
Unfortunately, here in Singapore, we don't have a physical Apple store. We only have Premium Resellers.
And the other unfortunate thing is, when RAMs are upgraded these Premium Resellers sell 3rd party RAMs.
I supposed we'll have to deal with this for now until we have enough funds to replace ALL 32 RAMs to original Apple RAMs (which will cost abt another USD1600!!) ..
Hope this forum helps others as much as it finally helped me understand the issue we're having.

Which way to get image for webi report?

Hi,
I have to add image to webi report. So any way is there for adding image for webi intelligence.

check this thread:
Adding an image (logo) to webi report

I am using CS6 and when I go to save an image for Web the image does not retain its quality

I am using CS6 and when I go to save an image for Web the image does not retain its quality. The first week I did this it worked just fine and now the images save very pixely.
Here is a screenshot of my image on the artboard as I am editing it
Here is a screenshot of the image as I'm trying to save it for Web
As you can see, the image becomes pixely. I have tried to save it as every type of png and jpeg but nothing seems to work. I have no idea why it has started to do this. Please help!

Change None to Art optimized then click apply(alteast in CS5 there was an apply, believe they removed that in CS6 as so many people missed that part).

Save image for web/devices - random streaks

I have no idea why, but sometimes when i save images for web It leaves random streaks across certain areas. It has nothing to do with transparency/gradients because i've used normal fills and it still does it. It's probably something stupid but i can't seem to figure it out.

Document DPI vs. Save for web vs. preview. Make sure to always work in 72 DPI and you'll have a lot less problems to get predictable results. Also use the align to pixel grid options to avoid semi-transparent gaps and edges, where applicable...
Mylenium

Resizing an image for the web

Have been using an old version of Photoshop but am now using Photoshop Elements 8 and I need to 'resize' images so I can save them for website but can't seem to do so. The old system was so easy - you just clicked 'resize image' and altered the pixel width or height and it just did it! Can anyone help me please

It should work the same in photoshop elements 8.
Make sure in the image size dialog you have Resample Image checked along with Constrain Proportions.
Photoshop elements 8 also has a File>Save for Web option where you resize the image and see the estimated size at the same time.

How to resize large images without losing quality

Hello I have an image that I am trying to use as an email. Right now it is 2108 pixels. And for an email it should be 600 px. I created this image in illustrator as vectors and type.
Whenever I go into image size and i change it to be 600 pixels it gets extremely blurry. I have also tried converting this to a smart object... doesnt work. How do I resize my large image to be smaller without losing quality???

here is an example sceenshot of the opening dialog (.ai opened directly in Photoshop)
your illustrator vector should be rastered sharp at 100% actual Pixels in Photoshop
that is where you want to evaluate sharpness in Photoshop...
then File> Save for Web & Devices (and drag that saved file icon into an open web browser)
still no joy, embed your saved image here using the forum's camera icon...

Resizing large images

This is probably a basic one for most people, but I'm pretty clueless... I've got a fairly large image (3000px) that I need to scale down to 500-ish px. How do I best go about doing this without getting that awful 'halo' effect? I've tried gradually scaling down without much success.

there are several options. if you want to save the image to be put on the web, you can go to File>save for web> and in the bottom corner manually enter the size. and it will keep the proportions that you want.
see below:
another way is to go to image>image size
try these as well:
http://www.makeuseof.com/tag/basics-properly-resizing-image-files-photoshop/
http://www.photoshopessentials.com/essentials/image-resizing/
-janelle

Saving Images for Web

Hi,
Whenever I save images for the web they seem to loose the richness of their color. I've not noticed this until working on a particular project that involves resizing and preparing images of artwork for a website.
The images are in sRGB color profile and I am "saving for web and devices" with ICC checked and optimization at 70. Still, the images look a bit faded overall. Is there anything else that I can do to retain the color?
Thanks!

I am wondering why my advice was any worse than yours. I admit I mistakenly suggested Monitor RGB instead of Windows RGB but as far as I know sRGB is the default for most monitors. This would put them all pretty close. Am I missing something?
I would think that having someone set the images with icc profiles and then adjusting their own browser to correctly display such images would cause the exact same problem you say my solution does. It would give the image editor an impression of the image that nobody else is going to see. I don't know anyone that uses icc profiles for web work. In general I don't think you will find many people who have set their browsers to correctly view images that have these profiles. So it seems like someone that has will be thinking the images look great on their system but not on someone else's.
If someone may eventually repurpose these for print then worry about icc profiles for the printer. It seems like a huge waste of time for anything that is purely on screen.
I am not trying to battle with you over who is correct I just want to understand what your saying.

Resizing an image for smartphone

Hi,
I am trying to resize a logo so that it looks crisp and sharp on Facebook and on mobile devices, but I'm having trouble. My file is a .png file and is 72 dpi (resized for web and devices in photoshop). It is 400x400 pixels.
Can you help? I use sproutsocial.com (similar to tweetdeck or hootsuite) to send posts to Facebook and Twitter. The image looks good on screen when I look at facebook, but not when you look at it on a mobile phone.

I found that sometimes for PNG when the display dimension is smaller than your image, the browser's auto-scale (e.g. if my original file is 1280px, but website display shows it at 500px) down makes the PNG seems a bit blurry (if others feel otherwise feel free to correct me).
Try saving your hires image (if you have any) or low res image to JPEG. I find that file format doesn't tend to blur when the auto-scale.
Hope that would help!

Resize a Document for web Use

I looked online on how to reduce file size od an .fla file for use on the web but not very clear. I have an .FLA file that is 800X600 px. when I publish it, I reduce file size, audio to mono etc, and I am getting 1.8mb file, way to large for web use. I tried an swf and flv file but same results. I need to reduce the entire document. I read to use the onion skin the highlight everything then resize but I have over 5,000 frames in my movie. Can someone explain in detail, how to highlight all of the frames in the movie, and then reduce the file to say 400 X 300 px? I am able to drag the onion skin but only to the edge of the viewable document then I must scroll over and repeat the process. there must be an easier way to highlight all frames in the movie then resize the whole thing. Any help would be appreciated.

I do not think you understand the question. Here is an answer I got off another forum but do not quite understand how to implement.
If you want to resize everything, a quicker way would be to select all frames (select the onion skin tool) and then resize everything to fit the new canvas size. That way, every frame of your animation will be reduced at once.
Kglad,
Does that make sense? How do you get the onion skin to select every frame in the animation?

How to load a large image for display on the Palm PDA

Hello:
I have a large image I would like to display on LV for Palm PDA. The documentation states there should be a 64K chunk limitation for VIs to compile on the Palm. Therefore, I decided to break this image up into 2D arrays of less than 64K per subVI. My 3.2 Meg image therefore has about 224 2D array subVIs. My motivation is to somehow use the build array function (with concatenate inputs) to reconstruct the image at runtime. I can compile each 2D array subVI as a test, but my attempt to reassemble and compile is futile. When I try to use the build array with only 8 of these subVIs in a top level VI the compiler complains its still too big of a VI. Using get info, memory for this top level states total ~2
3K of memory usage.
So can someone help me with this problem. Is there another way to load this size of an image into memory so I can display it on a picture control?
BTW, this can build on LV for PocketPC.
Thank you
Robert

Hi Robert,
You are correct in that one of the limitations of the Palm OS is that files cannot be larger than 64 KB in size (as stated on page 5-3 of the LabVIEW PDA Module User Manual). The suggested workaround is indeed to have a top-level PDA VI that calls subVIs, and this top-level VI can then have a total file size larger than 64 KB.
My suspicion is that with the picture control on the Palm OS, even if you are breaking up the image into smaller subVIs, the process of building the array to reassemble the picture is still forcing the Palm to allocate memory for each of those 2D array subVIs to place on the top-level VI's picture control
and thus causing the Palm to complain about not having enough memory. The LabVIEW PDA User Manual also states that "There is a total limit of 64 KB on all front panel array data". Thus, when you are trying to use the build array on the top-level VI, the 64 KB limit on front panel array data is still being exceeded -- even with only 8 of these subVIs.
The following KnowledgeBase article KB 38EJRHFQ: How Do I Put a Picture or Image on My LabVIEW PDA for Palm Front Panel? states that as a workaround, you can shrink the size of your image by using 4-bit or 1-bit data instead of the standard 8-bit pixmap representation.
This is really just a limitation of the Palm OS and the fact that there is simply no way of displaying that much front panel information for your picture. Either way, you would need to build up the array of pixels for your bitmap, and for a 3.2 MB image, I don
't believe there is any way for the Palm OS PDA to display the image in its entire at once.
Sorry about that...
Kileen C.
National Instruments

I am done editing in Develop; how do I save edited images for web?

I get the import and development options in Lightroom but I was told by a LR representative when I called for assistance that LR does not retain any data. So, if I import photos from my camera (NEF files) and edit in Develop; where do I save the edited photos and how can I adjust them for optimum quality on the web? It seems that there are instructions on how to import and save photos from your camera, etc. but once you modify the photo using Develop, is the original then modified as well?
Sorry for the question, but I have modified several photos using the Develop Option and hate to lose all my work. I am lost as what to do now in order to save my edits. Ugh!
Thank you to anyone who can help! I am a MC Windows user if that helps.

Editing in develop is totally non-destructive. All your develop settings are saved automatically in the LR database (catalog)
For web usage select thumbnail(s) of your images in the Library and click Export. Choose jpeg, size, quality and resolution of 72 and set color space to sRGB. Add sharpening if desired. Choose a folder, sub-folder or desktop and export. Your jpeg copies will be ready to upload from your chosen folder when the export completes.

Saving images for web - is there an aperture equivalent to adobe sfw?

I'm the web designer for a small school. Aperture has been a godsend for keeping track of my work, but I want to learn more about how to use it. I want to pick the brains of you web designers out there...
When I export an image to save to our webpage, I usually use Photoshop CS2's "Save for Web" dialogue. This works, but means I have to export out of aperture, open in photoshop, then save for web. I'm trying to streamline the process and was hoping there's a way to do this in aperture. Let me give you a scenario...
If I export an image in ps that is 400x400 at jpeg quality 7, it is ~30KB in size. If I use aperture's "Export Version" and check 400x400, no metadata, jpeg 7, I get a 100KB file. This is no good for my web pages. So... is there something in there that will get me the same small files, or am I stuck with adobe???

Interesting, yes - Aperture's export appears to create resource forks for the files. I'm guessing this is to hold the preview image.
I've just exported some images, and in the Terminal, with 'ls -l', they show up as 17k. In the Finder, they're 76k.
I created copies using 'ditto --norsrc', and the copies are now the smaller size in the Finder too.
Quentin

Resize large images for web?

Similar Messages

Maybe you are looking for