Image Sizing
Objective
Create small, medium and large images sizes from a full-sized source image.
Prerequisites
-
Image editor installed
-
Openly licensed source images to work on. You can use Lorem Picsum or other directory of images.
-
Empty folder structure to store your images
/images/ ├─ source/ ├─ image-1.jpg ├─ image-2.png └─ image-3.jpg ├─ full ├─ lg ├─ md └─ sm
Instructions
Using the your source images you will create:
- Find a few "source" images and save them in your
source
directory. - Using an image editor of your choice, make any corrections to the image (colour correction, remove imperfections, etc) and save the full sized image to your
full
directory. - Large image size:
- Using an image editor of your choice, create a large version of your file. You can decided what "large" is but it's usually wider than
1500px
. - Save this file in the
large
/lg
directory.
- Using an image editor of your choice, create a large version of your file. You can decided what "large" is but it's usually wider than
- Medium image size:
- Create a medium version of your file, usually between
750px
and1000px
. - Save this file in the
medium
/md
directory.
- Create a medium version of your file, usually between
- Small image size:
- Create a small version of your file, usually around
500px
. - Save this file in the
small
/sm
directory.
- Create a small version of your file, usually around