I had a need, well I always have a need but I finally got around to figuring this out, to resize a directory of images. I finally broke up with Adobe and had historically used the Photoshop batch functionality which was always wonky at best so that’s no longer possible. I’ve done some digging and discovered yet again that Linux just does everything better. So without further adieu the command:<\/p>\n
$ mogrify -path .\/webp_images\/ -format webp -quality 80 -resize 1200x1200\\> *.jpg<\/pre>\nEverything here is straightforward aside from the ‘\\>’ after the resize flag. This extra bit prevents smaller images from being upscaled. FYI, you’ll need imagemagick installed to run the mogrify command. <\/p>\n
Extra credit, here’s a command to mogrify a directory of images no matter the file type:<\/p>\n
\r\nfor img in *.{jpg,jpeg,png,bmp}; do\r\n [ -e "$img" ] && mogrify -path .\/webp_images\/ -format webp -quality 80 -resize 1200x1200\\> "$img"\r\ndone\r\n<\/pre>\nUPDATE:<\/p>\n
Here’s another example that will loop over a directory recursively and resize without upscaling and save as WEBP.<\/p>\n
\r\nfind . -maxdepth 1 -type f \\( -iname '*.jpg' -o -iname '*.png' -o -iname '*.jpeg' -o -iname '*.bmp' \\) -exec mogrify -path .\/webp_images\/ -format webp -quality 80 -resize 1200x1200\\> {} +\r\n<\/pre>\nUPDATE 2:<\/p>\n
Here’s another example, a shell script, that will loop over a directory, save as WEBP and change the file name to include the directory that the image was found in.<\/p>\n
\r\n#!\/bin\/bash\r\n\r\n# --- Configuration ---\r\n# Set the base directory to search for images. "." means the current directory.\r\nSOURCE_DIR="."\r\n\r\n# Set the directory where processed images will be saved.\r\n# The ~ will be expanded to your home directory.\r\nOUTPUT_DIR=~\/web_images\r\n# ---------------------\r\n\r\n# Create the output directory if it doesn't already exist.\r\n# The '-p' flag prevents errors if the directory is already there.\r\necho "Ensuring output directory exists at $OUTPUT_DIR..."\r\nmkdir -p "$OUTPUT_DIR"\r\n\r\n# Use 'find' to locate all image files recursively and process them.\r\necho "Starting image processing..."\r\nfind "$SOURCE_DIR" -type f \\( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" -o -iname "*.bmp" \\) -exec bash -c '\r\n # This inline script is executed for each file found by `find`.\r\n # The full path of the found file (e.g., .\/subdir\/image.jpg) is passed as the first argument ($1).\r\n # The destination directory is passed as the second argument ($2).\r\n file="$1"\r\n output_dir="$2"\r\n\r\n # 1. Get the parent directory name (e.g., "subdir").\r\n parent_dir=$(basename "$(dirname "$file")")\r\n\r\n # 2. Get the filename without its original extension (e.g., "image").\r\n base_name_no_ext=$(basename "${file%.*}")\r\n\r\n # 3. Construct the new filename by prepending the parent directory name.\r\n # If the image is in the source directory itself (parent is "."), we dont prepend ".-".\r\n if [ "$parent_dir" = "." ] || [ "$parent_dir" = "$SOURCE_DIR" ]; then\r\n new_name="${base_name_no_ext}.webp"\r\n else\r\n new_name="${parent_dir}-${base_name_no_ext}.webp"\r\n fi\r\n\r\n # 4. Define the full output path for the new image.\r\n output_path="${output_dir}\/${new_name}"\r\n\r\n echo "Processing: \\"$file\\" -> \\"$output_path\\""\r\n\r\n # 5. Use "convert" to resize, set quality, and save to the new path and format.\r\n # "1200x1200>" resizes only if the image is larger than 1200px on either side.\r\n convert "$file" -resize "1200x1200>" -quality 80 "$output_path"\r\n\r\n' bash {} "$OUTPUT_DIR" \\; # This passes the filename and output directory to the inline script\r\n\r\necho "\u2705 Done."\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"I had a need, well I always have a need but I finally got around to figuring this out, to resize a directory of images. I finally broke up with Adobe and had historically used the Photoshop batch functionality which was always wonky at best so that’s no longer possible. I’ve done some digging and […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,11],"tags":[],"class_list":["post-1402","post","type-post","status-publish","format-standard","hentry","category-cli","category-coding"],"_links":{"self":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/1402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/comments?post=1402"}],"version-history":[{"count":8,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/1402\/revisions"}],"predecessor-version":[{"id":1415,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/1402\/revisions\/1415"}],"wp:attachment":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/media?parent=1402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/categories?post=1402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/tags?post=1402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}