Jump to content

Image Sizing Tutorial


Recommended Posts

Over the past few weeks with the forum fully operational, we have been looking more closely at the site statistics and in particular the size of the uploaded images. Various tests have been carried out trying to find a compromise between the quality of the images and their size. A unicorn for all forum administrators.

Image size poses two types of problems:

 

  • immediately: there are pages in the photo/video showcase sections that come to have several dozen photos and which become, especially on mobile devices, very slow to load.
     
  • in the long term: it is important to have photos on one's own server because over time they become the assets of the community and storage is expensive. If appropriate measures in space management are not taken now, we may find ourselves with unsustainable costs in the not too distant future.

 

We have also tried using various algorithms that resize photos on the fly during upload but with poor quality results and overloading the server's processing power.

Long story short: we are forced to put strict specifications on the size of uploaded photos.

 

Maximum size: 300 KB
Long side size: 1200 pixels

 

Please note that photos used for professional desktop wallpapers usually do not exceed 200 KB.

 

But we don't leave you alone and for those members who might need it, we have listed how to meet these parameters using the most popular photo editing software on the market, Photoshop, Capture One and Lightroom.

 

P.S.

For best results, just follow the procedures below. Nevertheless, for the lazy, we have left the forum automatic sizing algorithm enabled but it may leave you unsatisfied.

If your software is not there or you would like to add something, please let us know in the comments.

 

Adobe Photoshop

 

This is how to do it in Photoshop, newer versions may differ slightly and most other IP programs are similar.

 

First open the image size dialog:

 

REsize1.JPG.49e9ae73a983eb849581bebca7783857.JPG

 

 

Note the long side dimension highlighted, change this to 1200.  Constrain proportions is ticked so you only change one dimension and the program calculates the other:

 

 

REsize2.JPG.3bb3835a1c2f5f5c7be9ebce50f9bf9c.JPG

 

 

No need to change image resolution it is irrelevant for the web, it is only used for printing. It may imapct font sizes for copyright notices but that's it.  Next Save your image, select save as JPEG, from the drop down in format box and re-name if desired:

 

REsize3.JPG.f42e35e2541c7e8bfe2aeca22d69b9f0.JPG

 

 

Click save and you will get a drop down dialog box to select quality  change quality till file size is in target range, click OK:

 

 

REsize4.JPG.b88440e1e406962d33e78c28550c068c.JPG

 

 

Or Photoshop has save for web which has a finer range of options.  Change quality till highlighted size is right.  Check save as sRGB and I always embed colour profile:

 

 

REsize5.JPG.2191f4995d3a2e82626f85d22d13f81d.JPG

 

 

Once size is right click save and you are done.

 

 

 

Capture One

 

It's all in one  screen, first is the recipe that you can recall

Then naming if you want

Then format and quality

Then ICC profile

Then size

Open summary tab to see final file size:

 

 

REsize6.JPG.47eb7acd0dc47b922caae8ffbc36438a.JPG

 

 

Adobe Lightroom Classic

 

  1. From your Library tab, select one or more photos.
  2. Right click on one photo and from the drop-down menu, choose Export.


    LR-01.JPG.740c7dc62871183f84012631c51f4f8b.JPG

     
  3. A new window with tons of options will appear.
  4. For our scope, only two sections are relevant: File Settings and Image Size.


    LR-02.JPG.b92526bf1ba29d1d5b5dd9ee76bc8268.JPG

     

Press Export and that's it!

 

P.S.

You can save all your preferred export option in one user preset so next time you will find it directly in the Export menu. I would suggest to leave metadata in the exported photos: our gallery will display it showing to other members your camera settings.

 

  • Like 6
  • Thanks 1
Link to comment
Share on other sites

  • Thanks for your support!!

    Logo Logo
    Logo Logo
    Logo Logo
    Logo Logo
    Logo Logo
    Logo Logo
    Logo Logo
    Logo

     

×
×
  • Create New...

Important Information

Terms of Use Privacy Policy Guidelines We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.