Widerpaper is a Blazor Server Application to convert standard widescreen images to ultrawide.
A widescreen image has a 16:9 aspect ratio (e.g. 1920x1080) whereas an ultra widescreen image has 21:9 aspect ratio (e.g. 2560x1080).
This project aims to solve a recurring problem that I had when setting up a new ultrawide wallpaper on my personal computer. Usually, wallpaper images are in 16:9 aspect ratio, but when set on an ultrawide monitor, the image becomes either stretched, cropped, or zoomed.
Widerpaper tries to solve this problem by implementing an image mirror algorithm (designed by me) to extend the original 16:9 file to 21:9.
Very much like my last two main projects last.fm analyzer and Sparkfly, this repository is a way to showcase my ever-growing programming and Blazor skills.
Topics learned:
- JetBrains Rider
- .NET project solution
- Image manipulation in C# using ImageSharp
- File signature validation
- Event handlers
- Blazor components states
- File uploading and downloading in Blazor
Widerpaper is a single page application that allows the user to upload an image by either selecting a file through a dialog window or dragging and dropping a file in the main box. The apps then uploads the image to the server to process it and allows the user to download the converted image.
Even though you can still see the mirrored effect on some images, I consider the results as pretty good overall!! Even better when the background of the image is more uniform or abstract.
| Before (16:9) | After (21:9) |
|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
You cannot modify nor redistribute this code without explicit permission.
This repository is for practicing my skills only and does not represent a final product.
Here is a collection of sources that helped me through development:
- ImageSharp documentation: https://docs.sixlabors.com/articles/imagesharp/?tabs=tabid-1
- Macoratti tutorial for drag and drop files in Blazor: https://www.macoratti.net/20/11/blz_upldrag1.htm
- Bootstrap documentation: https://getbootstrap.com/docs/5.3/getting-started/introduction/
- Event handlers in C#: https://learn.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/event
There are always those that incentivize me to create new projects and explore new ideas. I dedicate this project to my former coworkers that I am still in touch with and to Rafa who saw this project first and called it "MAGICAL!".
The next feature that I would like to add is to convert this project into a .NET MAUI application. So that I can more easily share this tool with friends and the world!
Unfortunately, MAUI is not yet available on Linux (https://learn.microsoft.com/en-us/dotnet/maui/supported-platforms) which is my current development environment, so I cannot build such project right now. But maybe in the near future!!