{"id":8,"date":"2023-01-29T22:43:16","date_gmt":"2023-01-29T21:43:16","guid":{"rendered":"http:\/\/fabrizio.vanzani.it\/?p=8"},"modified":"2023-05-20T10:31:54","modified_gmt":"2023-05-20T09:31:54","slug":"how-to-resize-magento-media-folder-for-dev-stage-environments","status":"publish","type":"post","link":"https:\/\/fabrizio.vanzani.it\/?p=8","title":{"rendered":"How to resize magento media folder for dev\/stage environments"},"content":{"rendered":"\n

Install packages on Ubuntu<\/h2>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
apt-get<\/span> <\/span>install<\/span> <\/span>imagemagick<\/span> <\/span>optipng<\/span> <\/span>pngquant<\/span> <\/span>webp<\/span> <\/span>jpegoptim<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Resize and compress<\/h2>\n\n\n\n
Configure this variable with your media path: <\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
media<\/span>=<\/span>'<\/span>\/home\/deploy\/magento\/htdocs\/pub\/media<\/span>'<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Resize:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iregex<\/span> <\/span>'<\/span>.*\\.\\(jpg\\|png\\|jpeg\\)<\/span>'<\/span>  <\/span>-size<\/span> <\/span>+100k<\/span> <\/span>-exec<\/span> <\/span>mogrify<\/span> <\/span>-resize<\/span> <\/span>"<\/span>1024x1024><\/span>"<\/span>   <\/span>\\{\\}<\/span> <\/span>\\;<\/span>  <\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Resize and compress:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iregex<\/span> <\/span>'<\/span>.*\\.\\(jpg\\|png\\|jpeg\\)<\/span>'<\/span>  <\/span>-size<\/span> <\/span>+100k<\/span> <\/span>-exec<\/span> <\/span>mogrify<\/span> <\/span>-resize<\/span> <\/span>"<\/span>1024x1024><\/span>"<\/span> <\/span>-quality<\/span> <\/span>10<\/span> <\/span>\\{\\}<\/span> <\/span>\\;<\/span> <\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Compress png images:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iname<\/span> <\/span>"<\/span>*.png<\/span>"<\/span> <\/span>-size<\/span> <\/span>+100k<\/span>  <\/span>-exec<\/span> <\/span>optipng<\/span> <\/span>-o7<\/span> <\/span>{}<\/span> <\/span>\\;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Compress png images (lossy):<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iname<\/span> <\/span>"<\/span>*.png<\/span>"<\/span> <\/span>-size<\/span> <\/span>+100k<\/span>  <\/span>-exec<\/span> <\/span>optipng<\/span> <\/span>-o7<\/span> <\/span>{}<\/span> <\/span>\\;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Compress jpegs (lossy):<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iregex<\/span> <\/span>'<\/span>.*\\.\\(jpg\\|jpeg\\)<\/span>'<\/span>  <\/span>-size<\/span> <\/span>+50k<\/span> <\/span>-exec<\/span> <\/span>jpegoptim<\/span> <\/span>--size=50k<\/span> <\/span>{}<\/span> <\/span>\\;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Compress webp images:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
find<\/span> <\/span>$media<\/span> <\/span>-iname<\/span> <\/span>"<\/span>*.webp<\/span>"<\/span>  <\/span>-size<\/span> <\/span>+100k<\/span> <\/span>-exec<\/span> <\/span>cwebp<\/span> <\/span>-q<\/span> <\/span>20<\/span> <\/span>{}<\/span> <\/span>-o<\/span> <\/span>{}<\/span>  <\/span>\\;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Script to compress and resize media folder (lossy)<\/h2>\n\n\n\n
This script is useful to reduce disk size of folder media of a dev\/stage environment.<\/p>\n\n\n\n
Create script in your \/usr\/local\/bin<\/code> folder:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
tee<\/span> <\/span>\/usr\/local\/bin\/resize-images-very-lossy.sh<\/span> <\/span><<<\/span>'<\/span>EOF<\/span>'<\/span><\/span>\n#!\/usr\/bin\/env bash <\/span><\/span>\n# bash script to heavily compress and resize images for a dev environment  <\/span><\/span>\nif [[ $# -eq 0 ]]<\/span><\/span>\nthen<\/span><\/span>\n        media=$(pwd)<\/span><\/span>\nelse<\/span><\/span>\n        media=$1<\/span><\/span>\nfi<\/span><\/span>\n# resize all images<\/span><\/span>\nfind $media -iregex '.*\\.\\(jpg\\|png\\|jpeg\\)'  -size +200k -exec mogrify -resize "1024x1024>"   \\{\\} \\;  <\/span><\/span>\n# compress PNGs <\/span><\/span>\nfind $media -iname "*.png" -size +100k  -exec pngquant --speed 1 --ext .png -f  {} \\;<\/span><\/span>\n# compress JPEGs <\/span><\/span>\nfind $media -iregex '.*\\.\\(jpg\\|jpeg\\)'  -size +100k -exec jpegoptim --size=80k {} \\;<\/span><\/span>\n# compress WEBP images <\/span><\/span>\nfind $media -iname "*.webp"  -size +100k -exec cwebp -q 20 {} -o {}  \\;<\/span><\/span>\n# compress all images <\/span><\/span>\nfind $media -iregex '.*\\.\\(jpg\\|png\\|jpeg\\)'  -size +100k -exec mogrify -resize "1024x1024>" -quality 5 \\{\\} \\;  <\/span><\/span>\nEOF<\/span><\/span>\nchmod<\/span> <\/span>+x<\/span>  <\/span>\/usr\/local\/bin\/resize-images-lossy.sh<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Usage:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
resize-images-very-lossy.sh<\/span> <\/span>\/path\/to\/magento\/dev-staging\/media\/folder\/<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
Setup a daily cronjob (as root):<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
tee<\/span> <\/span>\/<\/span>etc<\/span>\/<\/span>cron<\/span>.<\/span>daily<\/span>\/<\/span>resize<\/span>-<\/span>images<\/span>-<\/span>very<\/span>-<\/span>lossy<\/span> <\/span><<<\/span>'<\/span>EOF<\/span>'<\/span><\/span>\n#<\/span>!\/<\/span>bin<\/span>\/<\/span>bash<\/span> <\/span><\/span>\n\/<\/span>usr<\/span>\/<\/span>local<\/span>\/<\/span>bin<\/span>\/<\/span>resize<\/span>-<\/span>images<\/span>-<\/span>very<\/span>-<\/span>lossy<\/span>.<\/span>sh<\/span> <\/span>\/<\/span>path<\/span>\/<\/span>to<\/span>\/<\/span>magento<\/span>\/<\/span>dev<\/span>-<\/span>staging<\/span>\/<\/span>media<\/span>\/<\/span>folder<\/span>\/<\/span><\/span>\n# <\/span>replace<\/span> <\/span>with<\/span> <\/span>your<\/span> <\/span>mage<\/span> <\/span>user<\/span><\/span>\nchown<\/span> <\/span>-<\/span>R<\/span> mageuser<\/span>:<\/span>mageuser<\/span>  <\/span>\/<\/span>path<\/span>\/<\/span>to<\/span>\/<\/span>magento<\/span>\/<\/span>dev<\/span>-<\/span>staging<\/span>\/<\/span>media<\/span>\/<\/span>folder<\/span>\/<\/span><\/span>\nEOF<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Useful linux commands to reduce media folder size in magento dev environments.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,7],"tags":[11,10,12],"class_list":["post-8","post","type-post","status-publish","format-standard","hentry","category-linux","category-magento","category-quick-tips","tag-dev-environment","tag-magento","tag-ubuntu"],"_links":{"self":[{"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":6,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fabrizio.vanzani.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}