diff --git a/SixLabors.ImageSharp.Web.props b/SixLabors.ImageSharp.Web.props
new file mode 100644
index 00000000..2d95d7d1
--- /dev/null
+++ b/SixLabors.ImageSharp.Web.props
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/samples/ImageSharp.Web.Sample/ImageSharp.Web.Sample.csproj b/samples/ImageSharp.Web.Sample/ImageSharp.Web.Sample.csproj
index 9c2462b4..d20146da 100644
--- a/samples/ImageSharp.Web.Sample/ImageSharp.Web.Sample.csproj
+++ b/samples/ImageSharp.Web.Sample/ImageSharp.Web.Sample.csproj
@@ -2,9 +2,15 @@
net6.0
+ enable
+ enable
+ 10
+
+
+
diff --git a/samples/ImageSharp.Web.Sample/Pages/Index.cshtml b/samples/ImageSharp.Web.Sample/Pages/Index.cshtml
new file mode 100644
index 00000000..c492abf4
--- /dev/null
+++ b/samples/ImageSharp.Web.Sample/Pages/Index.cshtml
@@ -0,0 +1,1237 @@
+@page
+@model IndexModel
+@{
+ ViewData["Title"] = "ImageSharp URI API Samples";
+}
+
+@section Css {
+
+}
+
+ Unmodified
+
+
+ sixlabors.imagesharp.web.svg
+
+
+ 
+
+
+
+ sixlabors.imagesharp.web.svg?width=300
+
+
+
+
+
No Commands
+
+
+ sixlabors.imagesharp.web.png
+
+
+ 
+
+
Resize
+
+
+ sixlabors.imagesharp.web.png?width=300
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&height=200
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&height=200&rmode=stretch
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&height=200&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&rsampler=lanczos3
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&rsampler=nearestneighbor
+
+
+
+
+
+
+ Format
+
+
+ sixlabors.imagesharp.web.png?width=300&format=jpg
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=bmp
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=gif
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=webp
+
+
+
+
+
+
+ Jpeg Quality
+
+
+ sixlabors.imagesharp.web.png?width=300&format=jpg&quality=100
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=jpg&quality=50
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=jpg&quality=1
+
+
+
+
+
+
+ Webp Quality
+
+
+ sixlabors.imagesharp.web.png?width=300&format=webp&quality=100
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=webp&quality=50
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&format=webp&quality=1
+
+
+
+
+
+
+ Background Color
+
+
+ sixlabors.imagesharp.web.png?width=300&bgcolor=red
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&bgcolor=FFFF00
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&bgcolor=128,28,32
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&bgcolor=C1FF0080
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=300&bgcolor=128,28,32,128
+
+
+
+
+
+
+ Identical Queries
+ Demonstrates that the middleware handles identical queries without file contention.
+
+
+ sixlabors.imagesharp.web.png?width=123
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=123
+
+
+
+
+
+
+ sixlabors.imagesharp.web.png?width=123
+
+
+
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_1.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_2.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_3.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_4.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_5.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_6.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_7.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Portrait_8.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_1.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_2.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_3.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_4.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_5.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_6.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_7.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
+
+ Portrait_8.jpg?width=60&height=50&ranchor=bottomleft
+
+
+
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_1.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_2.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_3.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_4.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_5.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_6.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_7.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_8.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_1.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_2.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_3.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_4.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_5.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_6.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_7.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_8.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_1.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_2.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_3.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_4.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_5.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_6.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_7.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_8.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling Portrait
+ Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
+
+
+ Portrait_0.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_1.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_2.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_3.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_4.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_5.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_6.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_7.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Portrait_8.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_1.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_2.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_3.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_4.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_5.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_6.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_7.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
+
+ Landscape_8.jpg?width=60&height=50&rxy=0.69,0.37
+
+
+ 
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_1.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_2.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_3.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_4.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_5.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_6.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_7.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
+
+ Landscape_8.jpg?width=60&height=50&ranchor=topright
+
+
+
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_1.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_2.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_3.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_4.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_5.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_6.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_7.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_8.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_1.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_2.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_3.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_4.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_5.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_6.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_7.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_8.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_1.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_2.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_3.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_4.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_5.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_6.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_7.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_8.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
+
+
+
+
+
EXIF Handling : Landscape
+ Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
+
+
+ Landscape_0.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_1.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_2.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_3.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_4.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_5.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_6.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_7.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
+
+ Landscape_8.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
+
+
+
+
+
ImageSharp URI API Samples
-
-
- Unmodified
-
-
- sixlabors.imagesharp.web.png
-
-
-
-
-
Resize
-
-
- sixlabors.imagesharp.web.png?width=300
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&height=200
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&height=200&rmode=stretch
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&height=200&rmode=pad&rcolor=limegreen
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&rsampler=lanczos3
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&rsampler=nearest
-
-
- 
-
-
-
- Format
-
-
- sixlabors.imagesharp.web.png?width=300&format=jpg
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=bmp
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=gif
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=webp
-
-
- 
-
-
-
- Jpeg Quality
-
-
- sixlabors.imagesharp.web.png?width=300&format=jpg&quality=100
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=jpg&quality=50
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=jpg&quality=1
-
-
- 
-
-
-
- Webp Quality
-
-
- sixlabors.imagesharp.web.png?width=300&format=webp&quality=100
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=webp&quality=50
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&format=webp&quality=1
-
-
- 
-
-
-
- Background Color
-
-
- sixlabors.imagesharp.web.png?width=300&bgcolor=red
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&bgcolor=FFFF00
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&bgcolor=128,28,32
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&bgcolor=C1FF0080
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=300&bgcolor=128,28,32,128
-
-
- 
-
-
-
- Identical Queries
- Demonstrates that the middleware handles identical queries without file contention.
-
-
- sixlabors.imagesharp.web.png?width=123
-
-
- 
-
-
-
- sixlabors.imagesharp.web.png?width=123
-
-
-
-
-
-
- sixlabors.imagesharp.web.png?width=123
-
-
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_1.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_2.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_3.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_4.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_5.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_6.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_7.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Portrait_8.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_1.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_2.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_3.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_4.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_5.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_6.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_7.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
-
- Portrait_8.jpg?width=60&height=50&ranchor=bottomleft
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_1.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_2.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_3.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_4.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_5.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_6.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_7.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_8.jpg?width=60&height=50&ranchor=left&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_1.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_2.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_3.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_4.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_5.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_6.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_7.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_8.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_1.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_2.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_3.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_4.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_5.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_6.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_7.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_8.jpg?width=60&height=50&ranchor=right&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling Portrait
- Demonstrates that the middleware handles EXIF orientation correctly for portrait images.
-
-
- Portrait_0.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_1.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_2.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_3.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_4.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_5.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_6.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_7.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
-
- Portrait_8.jpg?width=60&height=50&ranchor=bottomright&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_1.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_2.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_3.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_4.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_5.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_6.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_7.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
-
- Landscape_8.jpg?width=60&height=50&rxy=0.69,0.37
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_1.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_2.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_3.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_4.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_5.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_6.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_7.jpg?width=60&height=50&ranchor=topright
-
-
-
-
- Landscape_8.jpg?width=60&height=50&ranchor=topright
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_1.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_2.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_3.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_4.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_5.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_6.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_7.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_8.jpg?width=60&height=50&ranchor=top&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_1.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_2.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_3.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_4.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_5.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_6.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_7.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_8.jpg?width=60&height=50&ranchor=topright&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_1.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_2.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_3.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_4.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_5.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_6.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_7.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_8.jpg?width=60&height=50&ranchor=bottom&rmode=pad&rcolor=limegreen
-
-
-
EXIF Handling : Landscape
- Demonstrates that the middleware handles EXIF orientation correctly for landscape images.
-
-
- Landscape_0.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_1.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_2.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_3.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_4.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_5.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_6.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_7.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-
-
- Landscape_8.jpg?width=60&height=50&ranchor=bottomleft&rmode=pad&rcolor=limegreen
-
-
-