Use images in the right size on your website

 

You need images in predefined sizes when you maintain a website. You can simplify your work by setting those sizes in JustResizeIt! widgets.

 

You can use either:

 

  • JustResizeIt! (free) - when you have few images in the website
      
  • JustResizeIt!+ - the easy way to handle CMS images (see the example based on concrete5 CMS)

 

Using JustResizeIt! (free)


 

concrete5_example_0.jpg

Add a widget for every dimension used on the website.

(You can save already existent widgets in the extended work area if the board is to crowed.)


Once the widgets are defined, simply drag and drop images from a folder on the widget, wait for resizing and drag and drop the resized images to a folder or directly into the FTP-transport application.

 

 

Using JustResizeIt!+


 

The trick is first to upload images in the right size, then to use them in the CMS.

 



concrete5_Logo_DarkBG.pngLet's see an example based on concrete5, an open source CMS. 

(JustResizeIt! is not related to concrete5)




We want to upload images with 200x200px to the CMS


1. Setup a widget


concrete5_example_2.jpg


We set the width and the height to 200px, as example.

We also check "folder name". The name of the resized images will contain the name of the folder on the PC. If we ordered them on the PC, we will find them much easier in the CMS.


concrete5_example_3.jpg


Then we set the automatic sending per FTP to the incoming folder of concrete5

 

Done! The widget will now resize images to 200px wide and send them automatically to concrete5

 

 

We can do this for all different sizes we need.

 

concrete5_example_1.jpg

 

 

 

2. Upload images

 

Let's upload images to try how this works

 

Just drag and drop some images on the widget

 

concrete5_example_5_660.jpg

 

 

...and see on the concrete5 CMS file manager how they appear.

 

concrete5_example_6.jpg

 

Perfect!

 

We have now the images with:

 

    • the right size - important for layout
    • the PC folder name in the file name - easier to group and find
    • the dimension in the file name - easier to choose for the file list