Reducing resolution for web use

dear all,
i'm just learning some basic 2d (i work mainly in 3d) and am in the middle of reducing/cropping some of my images so that they fit neatly on a web page. i have a couple of questions:
1. when i reduce (resample) an image, in the resample dialogue there is no easy way to just reduce by a given multiplier (e.g. 0.5) and at the same time, see what the resulting size will be.
for example - i have an image that is 2592*1944 pixels. i would like to be able to enter a multiplier and see what the resulting resolution would be /before/ i commit to the new size. this is possible in a very old version of corel photopaint that i have and so my first question is can this be done in photoshop or do i have to resize elsewhere?
2. should i only reduce by certain multipliers or is any value ok? i searched and read a few posts on this but didn't find anything conclusive for reductions.
e.g. i have an image 2592 * 1944 and need to reduce to 600*450. i want the resampled image to look as good as it can. should i reduce by the nearest available mult and then crop the rest or is it safe to just crop straight to the required resolution (assuming that the aspect ratio remains the same)?
3. final question - if i use the crop tool and specify the resolution, i can scale the cropping area and whatever area i choose will be cropped to the required size. very good if the answer to question 2 is 'YES, you can reduce directly to required resolution'.
however, is it possible for the crop tool to work like this: i set my resolution for the crop tool. now i can see the cropping area on the image. the crop area is exactly the res that i specified and will crop the image without resampling?
hope that makes sense.
TIA

how did i miss that?!
thanks guys - that helps a lot.
in general though, would you say it's ok to reduce by any fraction or should i stick to halves/quaters/tenths etc.
also, any way to set a crop resolution (say 400 x 300) and then choose which part of the image you want to keep WITHOUT resampling - the crop tool seems to fix the aspect ratio which is great but will then resample the chosen area.

Similar Messages

  • Trouble outputting for web use

    I have had various problems outputting documents to Jpegs for use on a webpage. I am exporting at the standard res of 72 ppi but find the quality unacceptable when I import these into i-web. Could this have something to do with the resolution certain images were scanned or imported at? Also the text is not reproduced as crisp as expected.
    I am a bit of a novice in terms of Indesign so there may be an obvious solution that I haven't considered. Any help would be gratefully recieved.
    Thanks
    Angerman

    Hi Bob,
    Thanks for your help so far. I've tried exporting the PDF then converting to JPG in PS but the image quality appears to be worse than ever! Not sure if the settings I used for PDF where suitable for web use. Any ideas on how to maximise quality, maintaining crispness of fonts?
    Thanks
    Anton
    Date: Mon, 7 Sep 2009 06:21:59 -0600
    From: [email protected]
    To: [email protected]
    Subject: Trouble outputting for web use
    Export a PDF of the page you want to rasterize and open the PDF in Photoshop using the appropriate settings there. Save as JPG.
    Bob
    >

  • 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?

  • Changing file size for web use - multiple images

    My most recent iPhoto event consists of 45 pictures, most of which are 1 MB or larger. I want to scale them down a bit for web use.
    I do understand how the export command works. If I want to change all 45 pictures at once (select all), where should I export them to, and then what is the procedure to get them back into iPhoto? I would really like them to all show up as a new event in iPhoto (same pictures as the original event, only smaller file sizes).
    Am I overlooking some easy way to do this?

    No you’re not overlooking an easy way to do it.
    Export them to a Folder on the desktop and then import them.
    However, why are you keeping these web versions? The more efficient use of disk space would be to upload them then trash them. If you need other versions in the future you can re-do them. Not a lot to be gained by holding on to them, is there?
    Regards
    TD

  • What steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

    What Steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

    When you open a raw file it will open in Adobe camera raw. That is where you can do most of the editing. Then it will be placed inside Photoshop where you can do more if needed.
    Now you can use the save for web dialog to export your image as a png or jpg to use on those sites.

  • Pic sized for web use

    Dose anyone know how to resize a pic for web use?

    http://www.adobe.com/support/photoshopelements/ Tutorials & link to PDF user guide

  • Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

    Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

    I also have Creative Suite 5, which I believe comes with an Adobe set of fonts. Are these all licensed?
    Licensed?  Yes, but not necessarily for the web. Some licenses allow use in print or images but not the web.
    Custom Web Fonts
    For legal reasons, don't just assume you can use any font you wish on the web. Fonts are protected by intellectual property laws in much the same way that software is protected from unlawful copying, modifying or distributing. In other words, a font owner can say "Sure, you can use my font but you can't alter it, you can't reproduce it and you can't distribute it." On the web, that's a deal breaker because you need to be able to do all three.
    These font-families are common to most Windows/Mac systems. 
    CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.
    Adobe Edge and TypeKit Web Fonts are licensed for use on the web.
    Free fonts, web fonts | Download free Adobe Edge Web Fonts trial
    Typekit
    Nancy O.

  • How can i compress a file to QT for web use?

    how can i compress a file to QT for web use?

    Shane, in the ProApps site, has a couple of applets (droplets?) that have the settings for doing just that.
    www.proapptips.com
    register (its free) and then head to the download section.
    cheers,
    x

  • Pantone color(s) information for web use

    How to embed the Pantone color(s) information in a Logo PDF? I have tried to upload a logo pdf, however the Pantone colors information could not be recognized on the web platform. Is it possible to embed the color information for web use?

    Here was the javascript error message:

  • How can scan coins for web use?

    How can scan coins for web use?

    Did you Google "Scanning Coins"?
    http://www.telecoins.com/scanning.html
    If you have a specific question after reading the (somewhat dated) article, please post back!

  • Prep for Web use

    Does anyone know where I can get info on web streaming, conversion for web use of FCP files or files submitted by clients. Conversion of PC files to mac and back for the above purposes.
    Thanks

    Welcome to the family.
    The FCP manual and the compressor manual are chuck full of'that stuff although I assume you do not own FCP or you would not be asking this question. You would have opened the index first.
    Start with google (or your favorite competitor) and look for encoding and transcoding.
    There are probably 1,000 excellent sites on the Web devoted to various products and practices and advice for users.
    Amazon will show you fifteen or twenty great books on the subject. You will need several because the science keeps changing and the craft is actually quite difficult.
    bogiesan

  • Reducing image file size for web use without pixelation

    Can anyone help me figure out how to best reduce images for fast web loading (in slideshows in Muse). I have done the save for web in PS and they are super pixelated now. The only versions that do not lose quality are the original size and they are huge files. Any help is appreciated.
    Also can anyone tell me how big each image should be, what is considered a too big size (kb) for web images? Thanks Hillary

    The settings I used were in the save for web panel and I saved the image as "medium" and the quality was 30, optimized was checked and it was scaled down to 16kb instead of 700kb. Is there a guideline as to how large in kb an image should be for good loading, it seems like with faster internet speeds we can go a bit larger for asset size. Is it OK to have an image as 65 kb if it is quite large (8 inched wide)?
    I think I solved the problem. I just went in and saved the images as larger quality. I hope it does not slow things down too much. Any advice would help.

  • Reduce file size for web use

    Hello,
    I created a website some months ago and I realize now the images are far too large and it takes a second for them to load. So I opened them in photoshop and changed the PPI to around 50, but the file size didn't shrink. I tried 10, and still nothing. I tried Save For Web and the file size got larger. Any ideas on how to keep the image quality (for web) but reduce the file size for easy page loading? Thank you.

    Don't worry over the ppi value.  That's arbitrary.
    You can reduce the pixel count, by resampling.  That will make an image smaller in a hurry.  To do this, Image - Image Size, check the [ ] Resample Image checkbox, and change the pixel counts.  I always set my Photoshop prefs so that I see the Image Size in pixels by default.  If yours isn't reading in pixels by default, change the units so that it is.
    However, you may need to have your images be a certain size, in pixels, and so resampling isn't an option.  In that case, when you do File - Save As - JPEG (or use Save for Web & Devices), adjust the Quality value to get the image to the size you need.
    Hope this helps!
    -Noel

  • InDesgin CS6:  What is best practice for creating a jpg for web use?

    My graphic design experience is heavy toward print, but I’ve been charged to solve this web-graphics problem for my team. I’ve done searches online and can’t find resources specific to this issue. Thank you in advance for any assistance you can provide.
    Here’s the issue:
    My team uses both InDesign and Photoshop CS6, to make landing pages and other stuff for our website. After saving to jpg files, the InDesign files always have jaggy text compared to Photoshop’s jpg. What are we doing wrong?  Can’t InDesign be used for web?  I’ve also tried saving it out as PNG with no better results.
    Note: The background in the InDesign files are created in Photoshop (these look fine in both programs)—but the text created in InDesign looks jaggy while Photoshop’s text looks clean.
    Here’s how we save it in Photoshop
    File > Save for Web with these settings: JPG, High, Optimized, Quality 70, Blur 0, Matte None, Quality Bicubic.
    Here’s how I solved the problem (which seems too labor intensive to actually be correct) Is there a better way?
    I convert text to outlines.
    I change the “intent” to web intent
    Manually reset the page size.   Whenever I change the intent in anyway, InDesign automatically changes the page size to 8.5”x11” or 800x600 pix regardless of the original page-size. I expect it to change proportionately from inches to pixels, or vise-versa, but it just won’t do it. Is there a preference for this somewhere?
    Export as JPG with these setting:  Quality Maximum, Format method progressive, Resolution 72 ppi, Color Space RGB, Options: Embed Color Profile: sRGB IEC6196-2.1, anti-alias.
    Our web people tell us that if we use a higher resolution the image comes in proportionately too large, and they can’t use it at that size.
    This seems like a lot of work. There must be a better way?

    Ok. Thank you.     Hmm....I don't have PDF/X-4.  I have Adobe Preset PDF/X1a and PDF/X3.
    I assume PDF/X-4 is a from a newer version of InDesign.  Will PDF/X-3  work as well?
    So there is not a way to achieve a crisp jpg or png directly from InDesign without all the steps I'm using now?
    BTW, do you happen know why changing the "intent" changes the page size? or where I can change a preference on this.  unless I've overlooked it, I don't see anything relating to this under edit > preferences. 
    Thanks again for your reply, I value your input!

  • Exporting text from InDesign for web use

    I am creating graphics in InDesign CS3 on a Mac running OSX. The graphics consist of a box containing explanatory. I do not have the option of doing the text part in another program - the "boss" wants the layout done in InDesign so I would have to do this twice if I use Illustrator or Photoshop (and I'm not sure how to put a lot of text in a box into Photoshop).
    When I exported as a jpg using different resolution settings, put the graphic into Dreamweaver, and then put it onto the web, the text was fuzzy. I can't use the Cross Media Export because this needs to go onto the web as a graphic rather than as text. I can't export to a pdf because the person designing the website is insistent that this be a picture.
    I'm not sure all the information needed to answer this is included - please let me know if more information is needed. Any help would be appreciated.
    Thank you.

    Jeffrey,
    Thank you for your answer. I'm not quite sure what you mean by rasterize in Photoshop. I tried what I thought you meant and the screen and print quality both were worse than simply exporting the InDesign document as a jpg (and that quality is not good enough).
    Here is what I did:
    I exported the InDesign document as a pdf using  Press Quality Print and all of the other settings as defaults. When I opened the pdf in Photoshop, anti-aliasing was checked. I used 300 dpi, RGB, and 8 bit - the defaults. I went into Save as for Web, jpg, and used all of the default settings except that I made the document smaller as it was way too large for the web. I did the same thing for gif - opened the pdf in Photoshop, anti-aliased was checked by default, went into Save as for Web, and kept all of the same settings except to decrease the size of the image.
    I'm sure there is something I'm just not understanding, and I hope with this explanation you will be able to have an "ah-ha" moment and point me in the right direction.
    Thanks,
    Marcy

Maybe you are looking for