TOOLS WE USE LIGHTROOM FOR BATCH IMAGE RESIZING

Lightroom is premium digital photography software that can be used for editing photos in bulk before uploading a batch of images to MOBLE CMS.

Lightroom is available as part of Adobe's Creative Cloud photography plan for a low monthly subscription. It is recommended for Content Managers with a passion for photography, or if you are frequently adding new photos to your website.

Go to Lightroom

 

MOBLE CMS IMAGE SPECS

MOBLE CMS will automatically size your images to fit many locations around your website. Therefore, it is recommended, though not essential, that you upload an image with the following dimensions:

Type: .jpg (.jpg will be a smaller file size than .png)
Dimensions:1440px x 810px

Ratio: 16x9
Size: < 200kb (more than 250kb will effect your website speed)

PRO TIP:

When you resize your image to 1440px by 810px it has a 16x9 ratio. MOBLE CMS will automatically crop your image so that is can be used throughout your website in many locations e.g. as squares (1x1 ratio) or portfolio rectangles in widgets (e.g. 3x4 ratio).

Once you have prepared your images at 1440px x 810px, you really should focus on 'Size. You will notice that converting your images from a .png to a .jpg, will reduce the file size to around 200kb. If your image is still much higher than 200kb (i.e. above 250kb), you really should consider lowering the quality of the image to bring the file size nearer to 200kb.

The larger the image size the slower your page load time will be. Pages with faster load times have lower bounce rates (i.e. the rate of users leaving the page before making an action) and therefore convert better. Search Engines also prefer web pages that load faster.


LIGHTROOM CAPABILITIES

Lightroom can size images via a combination of the following:

Type: YES Lightroom can resize by Type
Dimensions: YES Lightroom can resize by Dimensions
Max Length: YES Lightroom can resize by Length
Ratio:
 YES Lightroom can resize by Ratio
Size: YES Lightroom can resize by Size. This is a key time saving premium feature


RESIZE IMAGES IN BULK USING LIGHTROOM

  • Open Lightroom.
  • From the 'File' menu select 'Import Photos and Videos' or click the 'Import' button in the 'Library' tab.
  • Browse your computer and 'Check' the photos that you would like to resize.
  • Click 'Import' to bring the images into Lightroom.
  • Next, from the 'Library' tab, check the images that you would like to resize and click 'Export'.
  • A pop up will appear:
    • In 'Export Location' choose the location where you would like to Export the files to, if unsure select 'Same as original photo'.
    • In 'File Settings' choose JPEG.
    • In 'File Settings' check 'Limit file size to' and write '200' in to the 'K' field.
    • In 'Image Sizing' check 'Resize to fit' and select 'Long Edge'.
    • In 'Image Sizing' check 'Don't Enlarge'.
    • In 'Image Sizing' write 1,440 and select 'pixels'.
    • In 'Image Sizing', for 'Resolution' write '72' and select 'pixel per inch'.
    • Finally click 'Export'.
    • The images will now be saved to your computer in the 'Export Location' that you chose above.

 

 

UPLOAD IMAGES IN BULK TO MOBLE CMS

MOBLE CMS allows you to import images in the 'Files' area. You have the option to import images individually or in bulk.

You can upload in bulk by following the steps below:

  1. Browse your computer and place all of the images that you would like to upload into a folder.
  2. Compress the folder as a .zip file:
    • PC: Press and hold (or right-click) the file or folder, select (or point to) Send to, and then select Compressed (zipped) folder. A new zipped folder is created in the same location.
    • Mac: Right mouse click and select "Compress Folder Name". A new zipped folder is created in the same location.
  3. Rename the zipped folder to: import_files.zip.
  4. Go to MOBLE CMS.
  5. Go to the 'Files' area from the Main Menu.
  6. In the top right hand corner click 'Add File'.
  7. Choose the zip file named import_files.zip.
  8. Set the file 'Type' to 'Image'.
  9. Add any other information you would like to assign to all of the images, alternatively you can later add information for each image individually.
    • E.g. Create new Tags for the images and/or select from the existing list of Tags.
  10. Click 'Save' in the top right, your images will now start to upload.
  11. Depending on the size of your file, uploading images in bulk might take some time. Wait until the file has finished uploading. Do not close your browser.
  12. Once uploaded, your images will now appear in the 'Files' area. You may now edit images individually, should you wish to.

BRIGHT SPARKS!

MOBLE CMS IS BUILT ON YOUR FEEDBACK AND IDEAS. LEAVE A NOTE AND SEE YOUR IDEAS INSIDE MOBLE CMS.

 

IDEAS BOX!

We're rapidly adding new features to MOBLE CMS. Do you have an idea or a suggestion? Leave your comments below and we'll keep adding your ideas in our roadmap.
 

Subscribe


WEBSITES WITH MOBLE | Design Studio: 201, 56 Bowman Street Pyrmont NSW 2009 | © Copyright 2017 MOBLE Pty Ltd | TermsPrivacy