diff --git a/README.md b/README.md index 75bd1b7..3cfafcf 100644 --- a/README.md +++ b/README.md @@ -59,20 +59,20 @@ strings. The following live examples demonstrate setting different options on [this source image][small-things], which measures 1024 by 678 pixels. -[small-things]: https://willnorris.com/2013/12/small-things.jpg +[small-things]: https://willnorris.com/images/imageproxy/small-things.jpg Options | Meaning | Image --------|------------------------------------------|------ -200x | 200px wide, proportional height | 200x -x0.15 | 15% original height, proportional width | x0.15 -100x150 | 100 by 150 pixels, cropping as needed | 100x150 -100 | 100px square, cropping as needed | 100 -150,fit | scale to fit 150px square, no cropping | 150,fit -100,r90 | 100px square, rotated 90 degrees | 100,r90 -100,fv,fh | 100px square, flipped horizontal and vertical | 100,fv,fh -200x,q60 | 200px wide, proportional height, 60% quality | 200x,q60 -200x,png | 200px wide, converted to PNG format | 200x,png -cx175,cw400,ch300,100x | crop to 400x300px starting at (175,0), scale to 100px wide | cx175,cw400,ch300,100x +200x | 200px wide, proportional height | 200x +x0.15 | 15% original height, proportional width | x0.15 +100x150 | 100 by 150 pixels, cropping as needed | 100x150 +100 | 100px square, cropping as needed | 100 +150,fit | scale to fit 150px square, no cropping | 150,fit +100,r90 | 100px square, rotated 90 degrees | 100,r90 +100,fv,fh | 100px square, flipped horizontal and vertical | 100,fv,fh +200x,q60 | 200px wide, proportional height, 60% quality | 200x,q60 +200x,png | 200px wide, converted to PNG format | 200x,png +cx175,cw400,ch300,100x | crop to 400x300px starting at (175,0), scale to 100px wide | cx175,cw400,ch300,100x The [smart crop feature](https://godoc.org/willnorris.com/go/imageproxy#hdr-Smart_Crop) can best be seen by comparing crops of [this source image][judah-sheets], with @@ -88,9 +88,9 @@ Options | Meaning | Image Transformation also works on animated gifs. Here is [this source image][material-animation] resized to 200px square and rotated 270 degrees: -[material-animation]: https://willnorris.com/2015/05/material-animations.gif +[material-animation]: https://willnorris.com/images/imageproxy/material-animations.gif -200,r270 +200,r270 ## Getting Started ##