tasks.md

Grinder

TASKS | AVIF | DEV | BASH | SVGO | README

---

Tasks without deleting originals.

---

(size_images) Produce images sized 640, 880, 1024, 1920.

WHAT: Produce sized images and lowercase the file names. Output also one image with no suffix, named same as original, to use with jekyll_seo Open Graph / Twitter Cards.

HOW: Put images into _input/_images_to_size/ then run:

gulp size_images

(curatename) Curate images names.

WHAT: Adds folder name + index, lowercasing the original file name. Starts from 10, to avoid single digit no. in the first 9 jpgs. Edit gulp files to start from 0 if you prefer.

HOW: Put images into _input/_images_to_rename/ then run:

gulp curatename

(rename_images) Rename images.

WHAT: Changes the original file name and name images using folder name + index . To avoid single digit no. for the first 9 jpgs, set var index = 10; in the gulpfile.js.

HOW: Put images into _input/_images_to_rename/ then run:

gulp rename_images

(rename_simple) Rename images without dir name.

WHAT: Changes the original file name and name images starting from 1.jpg. To avoid single digit no. for the first 9 jpgs, set var index = 10; in the gulpfile.js.

HOW: Put images into _input/_images_to_rename/ then run:

gulp rename_simple

---

Tasks to produce a single sized image

---

(size_1k) produces single image

WHAT: Output 1000px wide jpgs of standard quality (22).

HOW: Put images into _input/_images_to_rename/ then run:

gulp size_1k

(size_1khi) produces single 1k wide image

WHAT: Output 1000px wide jpgs of higher quality (44).

HOW: Put images into _input/_images_to_size/ then run:

gulp size_1khi

(size_2khi) produces single 2k wide image

WHAT: Output 2000px wide jpgs of higher quality (44).

HOW: Put images into _input/_images_to_size/ then run:

gulp size_2khi

(size_2kvhi) produces single 1.3k wide image

WHAT: Output 1333px wide (usually used for 2000px tall images) jpgs of higher quality (44).

HOW: Put images into _input/_images_to_size/ then run:

gulp size_2kvhi

(binocle) hi-quality 640, 1024, 1920 images for quality clients

WHAT: Copy images to process into _input/_images_to_size/.

gulp binocle

---

Tasks which delete source images

---

(sizes) Produce images sized 640, 880, 1024, 1920 + del.

WHAT: Output also one image with no suffix, named same as original, to use with jekyll_seo Open Graph / Twitter Cards.

HOW: Put images into _input/_images_to_size/ then run:

gulp sizes

(rename) Rename images with dir name and progressive index + del.**

gulp rename

(curate) Rename images adding dir name and progressive index + del**

gulp curate

(lower) lowercase images file name + del**

WHAT: Output into _input/_images_to_size/.

gulp lower