ImageWizard
» Image processing webservice based on ASP.NET Core and ImageSharp / SkiaSharp
- Based on ASP.NET and ImageSharp / SkiaSharp / SvgNet / DocNET
- Different data loaders: Http, File, YouTube (thumbnail), Gravatar, OpenGraph
- Different data caches: File, Distributed cache, MongoDB cache
- Image filters: resize, crop, rotate,..
- Common image effects like grayscale and blur are available
- Pdf filters: page-to-image for documents
- Url is protected by a HMACSHA256 signature to prevent DDoS attacks
- Can handle the device pixel ratio (DPR)
- Support for cache control and ETag
- Enable range processing by http request
- Use RecyclableMemoryStream for smarter memory management (IStreamPool)
Use the standalone version or middleware.
Go to GitHubOpenGraph loader
@Url.ImageWizard().OpenGraph("https://github.com/usercode/ImageWizard").BuildUrl()
/image/a94Qk34kRiUIzskH1sCD0R3Dhou87YQ2HqYrO6XEFUI/opengraph/https://github.com/usercode/ImageWizard
Screenshot loader
@Url.ImageWizard().Screenshot("https://github.com").BuildUrl()
/image/HkXw14Mt7-VS5yddteYyhLEWiYkhxVXOUIJSyPwW2Sc/screenshot/https://github.com
SVG transforming
@Url.ImageWizard().FetchLocalFile("img/dot-net-core.svg").BuildUrl()
/image/6exT9zOqv1332YudY02KCJBAQfK0Rbt_ZBE12idnmCE/fetch/img/dot-net-core.svg?v=81vfths0
Original (width=100px, height=100px)
RemoveSize()
/fetch/img/dot-net-core.svg?v=81vfths0)
Rotate(45.0)
/rotate(45.0)/fetch/img/dot-net-core.svg?v=81vfths0)
Blur()
/blur()/fetch/img/dot-net-core.svg?v=81vfths0)
Grayscale()
/fetch/img/dot-net-core.svg?v=81vfths0)
Invert()
/fetch/img/dot-net-core.svg?v=81vfths0)
Saturate(0.3)
/fetch/img/dot-net-core.svg?v=81vfths0)
Combine filters (grayscale, rotate, invert)
/rotate(90.0)/invert()/fetch/img/dot-net-core.svg?v=81vfths0)
ImageSharp filters
resize(400,800,pad)
/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
resize(400,800,crop)
/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
resize(400,800,stretch)
/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
resize(400,800,min)
/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
resize(400,800,max)
/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
blackwhite()
/blackwhite()/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
Grayscale()
/grayscale()/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
blur()
/blur()/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
rotate(90.0)
/rotate(90.0)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
rotate(180.0)
/rotate(180.0)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
rotate(270.0)
/rotate(270.0)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
flip(vertical)
/flip(vertical)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
flip(horizontal)
/flip(horizontal)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
invert()
/invert()/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
brightness(0.5)
/brightness(0.5)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
brightness(0.5)
/contrast(0.5)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
crop(0.17, 0.22, 0.3, 0.3)
/resize(400,400)/fetch/img/bat-eared-fox.jpg?v=n-0TfxXf)
Fetch local file (from wwwroot folder)
@Url.ImageWizard().FetchLocalFile("img/meerkat.jpg").AsImage().Resize(400,400).BuildUrl()
/image/j1JBt9BAw5UuW3ne8Nm4yLH0JHZOlLU807865SccWRg/resize(400,400)/fetch/img/meerkat.jpg?v=cwVks1Nk
/fetch/img/meerkat.jpg?v=cwVks1Nk)
/grayscale()/fetch/img/meerkat.jpg?v=cwVks1Nk)
/blur()/fetch/img/meerkat.jpg?v=cwVks1Nk)
Fetch remote image
@Url.ImageWizard().Fetch("https://upload.wikimedia.org/wikipedia/commons/b/b7/Europe_topography_map.png").AsImage().Resize(400,400).BuildUrl()
/image/YlB6RSRCkMP1YkK4BG-Qwgtv-FIi06T2B2V9nlR1ZVs/resize(400,400)/fetch/https://upload.wikimedia.org/wikipedia/commons/b/b7/Europe_topography_map.png
/fetch/https://upload.wikimedia.org/wikipedia/commons/b/b7/Europe_topography_map.png)
Default
/grayscale()/fetch/https://upload.wikimedia.org/wikipedia/commons/b/b7/Europe_topography_map.png)
Grayscale
/blur()/fetch/https://upload.wikimedia.org/wikipedia/commons/b/b7/Europe_topography_map.png)
Blur
Placeholder
@Url.ImageWizard().Placeholder(600, 300).BuildUrl()
/image/FfdQUtg_EySoo-frH7j2jjcKBTI_sUf2iRTW-nygAIE/placeholder/600x300
600x300
DPR (Device Pixel Ratio)
@Url.ImageWizard().Fetch("lion.jpg").AsImage().DPR(1).Resize(100,100).BuildUrl()
/image/yhQoLMBzec3cnljWUwqAF37ofHxJI0_p3xjjULO3hJ8/dpr(1.0)/resize(100,100)/fetch/lion.jpg
/resize(100,100)/fetch/img/lion.jpg?v=0fWzcXlq)
DPR 1.0
/resize(100,100)/fetch/img/lion.jpg?v=0fWzcXlq)
DPR 2.0
/resize(100,100)/fetch/img/lion.jpg?v=0fWzcXlq)
DPR 3.0
Use file provider (IFileProvider)
@Url.ImageWizard().File("img/meerkat.jpg").AsImage().Resize(400,400).BuildUrl()
/image/6W_24CznNsgo2o1nnLfz9dimKrMZwd9ALPJz014zGwU/resize(400,400)/file/img/meerkat.jpg
/file/img/meerkat.jpg)
/grayscale()/file/img/meerkat.jpg)
/blur()/file/img/meerkat.jpg)
Watermark
@Url.ImageWizard().FetchLocalFile("img/bat-eared-fox.jpg", 4).AsImage().Watermark().BuildUrl()
/image/vGaWpk57vfLB73r2iPvu3hQRhzg4bRjZOFk6ipj9EH8/watermark()/fetch/img/bat-eared-fox.jpg?v=n-0T
/watermark()/fetch/img/bat-eared-fox.jpg?v=n-0T)
Fetch youtube thumbnail
@Url.ImageWizard().Youtube("lzyWFew_w8Y").Resize(400,400).BuildUrl()
/image/WwoUpFfAjkWZ7nH9YfUtTiFh38wuk5tMDzgeOGXyqu0/resize(400,400)/youtube/lzyWFew_w8Y
/youtube/lzyWFew_w8Y)
Default
/grayscale()/youtube/lzyWFew_w8Y)
Grayscale
/blur()/youtube/lzyWFew_w8Y)
Blur
Use youtube taghelper (GDPR friendly)
/youtube/AQHZQ8p6FCA)
/grayscale()/blur()/youtube/8gwSU3oaMV8)
Fetch gravatar image
@Url.ImageWizard().Gravatar("MyEmailAddress@example.com").Resize(200,200).BuildUrl()
/image/7UT2TawB34srzF3MRXwa_1AulTbrq8n86IOoE1PT8LQ/resize(200,200)/gravatar/0bc83cb571cd1c50ba6f3e8a78ef1346
/gravatar/0bc83cb571cd1c50ba6f3e8a78ef1346)
Default
/grayscale()/gravatar/0bc83cb571cd1c50ba6f3e8a78ef1346)
Grayscale
/blur()/gravatar/0bc83cb571cd1c50ba6f3e8a78ef1346)
Blur
PDF (page to image)
@Url.ImageWizard().FetchLocalFile("/pdf/earth.pdf").AsPdf().PageToImage(0).BuildUrl()
/image/SWkfuMQXXasgDJNyeU7W63mVKTn_jkB9lKP1Ue3ARsM/pagetoimage(0)/fetch/pdf/earth.pdf?v=9QaPSYkf
/fetch/pdf/earth.pdf?v=9QaPSYkf)
OpenStreetMap
Use as relay to openstreetmap server.
