image processing tips
TRANSCRIPT
IMAGE PROCESSING TIPS
@TH1AGOFM
TWO TIPS.
@TH1AGOFM
TIP #1
@TH1AGOFM
IMAGE PROCESSING IN A NUTSHELL(for 99.9% of web applications)
ResizeCrop
?@TH1AGOFM
RMAGIC GEM
@TH1AGOFM
✓ ruby C bindings for imagemagick
✖ loads up the image in memory (big memory footprint)
✖ can do funky stuff like changing a image pixel by pixel
@TH1AGOFM
MINIMAGICK GEM
✓ uses imagemagick command line tool “mogrify"
✓ keeps only a reference of the image (low memory footprint)
✓ you can resize, crop and even add watermarks
✓ well-maintained (small plug: by me + nice people)
THEN USE MINIMAGICKAND USE LESS MEMORY
@TH1AGOFM
gem install minimagick
TIP #2
@TH1AGOFM
DO YOU DO LOSSLESS IMAGE OPTIMIZATION?
@TH1AGOFM
BEFORE COMPRESSION612KB
AFTER COMPRESSION560KB(-25%)
NO DIFFERENCE IN QUALITY BIG DIFFERENCE IN SIZE
@TH1AGOFM
Images might have headers with your camera/image editor info or be poorly compressed. The image_optim gem removes it.
HOW CAN YOU DO THAT?
@TH1AGOFM
HOW TO?
gem install image_optim_pack
MACbrew install advancecomp gifsicle jhead jpegoptim jpeg optipng pngcrush pngquant
UBUNTUsudo apt-get install -y advancecomp gifsicle jhead jpegoptim libjpeg-progs optipng pngcrush pngquant
THEN RUN: image_optim -r /my/image/directory
(or use inside ruby — read the docs™)
@TH1AGOFM
NOW YOU CAN
USE LESS MEMORY WITH MINIMAGICK
@TH1AGOFM
USE LESS DISK SPACE & BANDWIDTH WITH IMAGE_OPTIM
THANKS(maybe follow me @th1agofm, slides will be there!)
\