Saving your images inside InDesign for the web

When placing images inside InDesign they usually begin their life at 100%. Unfortunately they rarely stay at 100% because of the constant scaling that is involved in the design process. Normally this is not a problem for print as long as your don’t try to increase the size of your images too much. However, if you need to use that particular image for the web you will need to do go through some extra steps.

Exporting out of InDesign

InDesign can export to jpg (file > export), but it does not save jpgs as well as Photoshop due to its lack of resampling controls. Unfortunately, you can’t export as a gif or png, therefore it is ultimately the best option to have Photoshop do the conversion for you.

From InDesign to Photoshop

1. Select the image with the direct selection tool and find out its scale percentage.

id-image-size2. Opt (ALT on PC) double-click to edit the original image in Photoshop.

3. In Photoshop go to the image menu > image size. Change the top drop down menu from pixels to percent. Type in the percentage and shrink the image.

ps-image-size-2
4. Save the file in Photoshop using “save for web and devices”

5. Rejoice in your newly saved correctly web-optimized image!

Leave a Reply

 

Adobe Quark logo