Resolution is the detail an image holds.
- Image Resolution
- The number of distinct pixels in the width and the number of distinct pixels in the height, usually expressed as W x H = the total number of pixels. The unit is Pixels, Usually Mega-Pixels
- Pixels Per Inch (PPI)
- The number of pixels displayed or printed per inch. Unit is Pixels Per Inch (PPI)
- Monitor/Device Display Resolution
- Display resolution will tell you how to optimally resize images for display on your tablet or phone. Go to one of these websites to DIRECTLY see your monitor or devices Resolution.
ppi calculator, http://dpi.lv
- How to calculate Monitor or mobile device resolutions
Some Mobile Screen Sizes, PPI and Aspect Ratios
||Screen Size Resolution
|Apple’s new iPad 9.7 inches Retina
||2048 x 1536
|Apple iPad / iPad 2 9.7 inches Not Retina
||1024 x 768
|Apple iPhone 7
||1920 x 1080
|Samsung Galaxy Note 10.1 10.1 inches.
||2560 x 1600
|Samsung Galaxy S7.
||2560 x 1440
||A complete Wikipedia list of high-definition devices
|| display resolution link
Dividing the number of pixels in the width and height by the number of pixels per inch you want to print (PPI) gives you the dimension or size of the image that can be printed.
W x H (Pixels)
Pixels (Per Inch) = Width and Height in inches (Pixels cancel)
Optimized Printer resolution for best prints
Epson printers print at 360 ppi, 720 ppi, and 1400 ppi, and 2800 ppi
Canon and HP Printers print at 300 ppi, 600 ppi, 1200 ppi, and 2400 ppi
Exporting (Save As...)
and/or Resizing Images for the screen
When you want to send or share an image, always ask:
- How the image will be viewed
- Screen (Email, Webpage etc,) or Print
- How it is being sent or shared:
- Email, hard drive/flash Drive, website (ftp, download), the cloud.
- Ask What File Format
- As a .jpg, .tiff, .png, .psd., raw enhanced, raw original?
- .png supports transparency on a webpage
- Ask what Color Space
- ProPhoto (All raw photos use this large color space)
- Adobe RGB (Good for editing 8 and 16 bit images in Photoshop)
- sRGB (most Monitors and all webpages and for most printers)
Downsizing images for a full screen slideshow on mobile displays and desktop screens
When you want to display a landscape or a portrait full screen on a your mobile device you need to look up the screen resolution and when you scale the image do the following
Scale the image to the resolution of the device, but if the aspect ratio of the image is different from the aspect ratio of the device the resultant image will be cropped.
To avoid the crop problem do this...
If most of the images are in "Landscape Mode"
- Landscapes: Resize the image to "fit" the Long Edge
If you have a mix of Landscape Mode and Portrait Mode images you'll have to turn the device 90 degrees to fill the full screen for PortrFacebook shrinkaits.
If most of the images are in "Portrait Mode"
- Portraits: Resize the image to "fit" the SHORT Edge
If you have a mix of Portrait Mode and Landscape Mode images you'll have to turn the device 90 degrees to fill the full screen for Landscapes.
Downsizing Images for a "retina" or High Def screen on a webpage
The easiest solution is to create your web images 2x bigger than the display dimensions.
Pro - you only need to make 1 resized image
Con - The device will download 2x as much data
For other solutions check out
Downsizing Images for Facebook
To display your images to fit the Facebook layout, the pixel size of the displayed image areas (width x height) needs to match the allotted spaces in the Facebook template.
For example the Facebook "cover photo" must be 851 x 315 pixels to fit the display area. That's an aspect ratio of 2.7:1. the problem here is most digital cameras save pictures with an aspect ratio of 3:2
To display the image with more detail you can double the size of the image to 1701 pixels x 630 pixels Facebook will automatically downsize the image to fit.
Cropping and Squeezing an image for the Facebook Cover Page
Not only did the image need to be cropped, it needed to be "squeezed to fit the Facebook "window"
In Photoshop I used The Menu Item:
Edit > Content-Aware Fill
and shrank the photo to fit the Facebook aspect ratio of 2.7 to 1 for the cover photo.
The following Facebook Cheat sheet for Facebook image sizes
(Exporting) Sharing Collections via LRMobile –Android and iOS
You need to own a “cloud subscription” and have an Adobe Account.
To set up Mobile syncing
Mac: Lightroom > Preferences and choose the “Lightroom Mobile” Tab
PCWin: Edit > Preferences and choose the “Lightroom Mobile” Tab
Click in the left column box (1) to make the collection mobile or Right click the Collection to get the contextual menu as seen below: √ Sync with Lightroom Mobile
(2) If you have 100's of collections, you can filter the collections by their name, or partial name...
If you want to share the Collection (see menu at the left) Right Click on the Collection...
Choose Make collection Public and then Copy Public Link.
This is a link for my collection of photos of my sister’s garden.
If you choose the menu “View on Web” you;'ll log onto your Mobile Collection… You can even edit the photos “on the web”. If you are not logged in you’ll be prompted to do so…
Here’s some links for alternative export plugins:
other Export sharing methods
- * The Slideshow Module
- * The Book Module
- * The Webpage Module
- Export Via Publish
Publish services not only let's you export your photos to web services like Adobe Creative Cloud, Smugmug, Facebook, Flickr, and even a portfolio on a smart device like your iPad. Publish Services allows you to manage what's in those albums or portfolios: You can change a file or files, you can even add or delete the photos without EVER having to Export everything all over again...
So, if you have a portfolio, you can EASILY keep it up to date with your latest and greatest work!
Preparing images for Print
After soft proofing...You need to consider these two things
- 1. Crop to fit the aspect ratio of the paper
- 2. "Up rez" to enlarge an image to print at a specific size.
The cropping details http://uofgts.com/Lightroom/crop.html
Resizing Images for Print
Up Rez to get the best 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:
The Resolution of Printers
- Most Epson printers print at to 360 ppi, 720 ppi and 1400 PPI
- Most Canon Printers print at 300 ppi. 600 ppi and 1200 ppi
How to setup the correct PPI for a printer "Uprez" in Lightroom (and Photoshop*)
In the Printing Module’s Print Job Panel, uncheck Print Resolution. You should see the native ppi of the print, at the top left of the print display if you don’t see the @ xxx ppi, you need to turn on “Dimensions” in the Print Module.
Menu: View > Guides > Dimensions
"Shift + (Command Mac - Control PC) + U"
To force Lightroom to "UP Rez" the image Check the Print Resolution box
and enter the optimum Printer Resolution in the“Print Resolution Box” Lightroom will “resize the image to match the printers resolution”
Note: if you don’t do this the printer will do the size matching calculations and the result is not as good as Lightroom’s results!
Enter one of the following...
- If Image ppi is less than 360 up-sample Epson to 360 ppi
- If Image ppi is less than 300 upsample Canon to 300 ppi
- If image ppi is less than 720 but bigger than 360 upsample Epson to 720 ppi
- If image ppi is less than 600 but bigger than 300 upsample Canon to 600 ppi
* Printing from Photoshop can be difficult, luckily Lightroom's Print Module is way easier to use!
The alternative is to send your image printing to a Printing Company