Show better image diff on git
Today I learned how to improve my git diff with images. For context check this TIL first.
I gave a step further on my git config to allow a better diff of my images using imagemagick compare features.
git config --global diff.image.textconv 'imgcat' git config --global diff.image.command 'imgdiff'
textconv will be used by
git show commands and it's using iTerm2 imgcat.
command will be used by
git diff command and it uses my new shell script
imgdiff added to my PATH:
#!/bin/bash if [[ -f "$1" ]] && [[ -f "$2" ]]; then compare "$2" "$1" png:- | montage -geometry +4+4 "$2" - "$1" png:- | imgcat else if [[ -f "$1" ]]; then echo "+ Image Added" imgcat "$1" else echo "- Image Removed" imgcat "$2" fi fi exit 0
With that I can have a diff like that:
So previous image to the left, new to the right and imagemagick comparison in the middle.Tweet