Publishing for Web and Print

  1. Resizing images
  2. Soft proofing

Resizing Images for Export (Save as...) to Screens ---Monitors and Mobile Devices

Display Resolution

Is the number of distinct pixels that can be displayed, usually quoted as width × height, with the units in pixels.

Pixels Per Inch (PPI)

The number of pixels displayed per inch.

Image Dimension

Dividing the resolution in Pixels by PPI gives you the dimension of the image. W x H in Pixels / Pixels per Inch = width and height in inches (Pixels cancel)

Making your images look their best on the web

You need to Match the resolution of your image W x H in pixels to the width and height, (the resolution) of the device you want to display your images. The resolution of monitors and mobile devices are increasing from High Definition to coin Apple’s term “retina” screens The following webpages will tell you what the resolution of your current screen and what other folks are using…

http://screenresolution.org
dpi calculator, https://www.sven.de/dpi/
calculate monitors ppi, http://thirdculture.com/joel/shumi/computer/hardware/ppicalc.html

Matching Retina Screens

When displaying your images on a webpage and you want make sure your images look good on any device, High Def or “retina” the easiest method to use is to simply double the image’s resolution in height and width in pixels.

For example if an image on a webpage is being displayed at 900 x 600 Pixels, make the size of the exported image 1800 x 1200 pixels, the trade of is that it will take slightly longer for the image to display…

Here are some common resolutions of tablet screens
-----------------------------------------------------> Screen Size Resolution ---> PPI
Apple's new iPad 9.7 inches Retina ------------> 2048 x 1536 ---------------> 264
Apple iPad / iPad 2 9.7 inches Not Retina ----->1024 x 768 -----------------> 132
Acer Iconia Tab 700 10.1 inches ----------------> 1920 x 1200 ---------------> 224
Samsung Galaxy Note 10.1 10.1 inches -------> 1280 x 800 -------------- --> 149
Apple iPhone 4S 3.5 inches ---------------------> 960 x 640 ------------------> 326
HTC Rezound / Sony Xperia S 4.3 inches ----> 1280 x 720 ------------------> 342
Sony PS Vita 5 inches ---------------------------> 960 x 544 -------------------> 221

Fitting full screen images for a smart device

For example
If you are using an iPad with a Retina display, use long edge at 2048 pixels!... That way a Landscape will display full screen in Landscape orientation, and a Portrait will display full height in the upright (Portrait) position. Use the above websites to see what the resolution is of your tablets, TV, or Laptop.

resize

Excellent article on resizing images in Lightroom

http://lightroomtricks.com/resize-images-lightroom

Resizing Images for Print

Always use your image editing software like Lightroom or Photoshop/etc to upsample (uprez) the ppi (print resolution). A good Proof of concept article by Jeff Schewe @Digital photo pro:

http://www.digitalphotopro.com/technique/photography-workflow/the-right-resolution

The Resolution of Printers

How to setup the correct PPI for a printer "Uprez" in Lightroom (and Photoshop)

printppi In the Printing Module’s Print Job Panel, uncheck Print Resolution. You should see the native ppi of the print, if you don’t you need to turn on “Dimensions”  in the Print Module.
Menu:  View > Guides > Dimensions
Keyboard shortcut
"Shift + (Command Mac - Control PC) + U"



Check the Print Resolution box and let Lightroom “UpRez” the photo for printing.

This is what you need to enter in the “Print Resolution Box”, This makes Lightroom “resize the image to match the printers resolution”

Note: if you don’t do this the printer will do the size matching and the result is not as good as Lightroom’s results!

Print-upres

Enhancing for web —Soft Proof for sRGB (Monitor color space)

Enhancing for Print — Soft Proofing using profiles for paper and printer

Soft proofing lets you temporarily simulate how an image will appear on another device, such as a printer or a webpage using your computer monitor. This can be a helpful tool for making more predictable prints — and is perhaps one of the most useful applications of color management.

How to Soft Proof in Lightroom

This web page details what to do to soft proof your photos or art work, just Click on the soft proof Tab!
http://www.uofgts.com//Lightroom/export.html

Bottom Line:

Always Soft Proof and choose the right ppi for the printer or display device of your choice!