TOOLS WE USE IRESIZE FOR BATCH IMAGE RESIZING

iResize is a free resizing tool that is available on Mac and PC. It is a go to free tool as you can resize large batches of images in one go. 

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.


IRESIZE CAPABILITIES

iResize can size images via a combination of the following:

Type: YES iResize can resize to JPEG
Dimensions: YES iResize can resize by Dimensions, though either as max length or as max height
Max Length: YES iResize can resize by Length
Ratio:
 NO iResize can resize by Ratio
Size: NO iResize can not resize to max kb in bulk. However, it can compress by % quality and allows you to test the quality
Renaming: YES iResize does allow you to rename your images in bulk with a name extension and can also apply sequential numbering


RESIZE IMAGES IN BULK USING IRESIZE

  • Open iResize.
  • Drag and Drop a Folder of images on to the list.
  • At the bottom of the list you can also select 'Add one folder of images'.
  • In 'Size in Pixels':
    • Type '1440'.
    • Check 'Width'
    • Check 'Do not enlarge images'.
  • You have the option to rename the image also add sequential numbering (leave if unsure).
  • You have the option to add an extension to the file name e.g. 'web' or 'copy'.
  • Once set select all images and click 'Resize All'.

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.

BE A WEB DESIGN PRO

DESIGN
A CUSTOM WEBSITE WITH OUR
MOBLE CMS PRO COURSE.
START THE PRO COURSE

WEBSITES WITH MOBLE | Design Studio: 202, 56 Bowman Street Pyrmont NSW 2009 | © Copyright 2018 MOBLE Pty Ltd | Terms | Privacy