Git Product home page Git Product logo

picz's People

Contributors

danhorrocksburgess avatar dependabot[bot] avatar steve-fenton avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

picz's Issues

Background Images Need to be Larger

Background images should be larger that the screen width - because they are often show with crop factors. At the moment, a 400px wide screen gets a 400px wide background image, which looks low quality due to crop factors. Picz should go for the next size up for background images to improve the quality of background images.

No Upscaling

Images should not be upscaled!

If an image is requested larger than "actual size" it should be returned "as is" and not upscaled - so the cached image for a 2000px wide image in the 4000px folder should still just be 2000px wide.

The principle here is "never server a larger file than the original".

The browser's upscaling will be no worse than handling it in code anyway.

Configurable PiczController route

Currently, the controller action for the images is hard-coded to be...

[Route("Picz")]

And the image URLs are generated to match this (int PiczHelper)...

builder.Attributes.Add("src", $"/picz?s={options.Sizes.Min()}&p={url}");

...

sourceSets.Add($"/picz?s={size}&p={url} {size}w");

The developers consuming Picz should be allowed to configure "Picz" to be some other name!

Apply Picz to Background Images

The image-set feature is not yet well supported across all browsers. Picz could be very useful in making background images responsive.

Reset Stream

After checking width, need to reset the stream position, i.e.

file.InputStream.Position = 0;

Append Mode

If images are already being served by a controller, allow them to handle the resize.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.