Retinafy everything

    Why should you think about vector graphics now?

    Retina displays (thanks to Apple for the convenient marketing term) have already become part of our lives. If you are a web developer / designer, and you do not take into account how your work is displayed on high-resolution screens, then you are seriously falling out of modern trends.


    Is it hard to make your Retina-ready product? If we are talking about the interface, the answer is “no,” there are several tricks (the most complete list can be found in Thomas Fuchs ’s Retinafy book ). And when you understand all the problems and limitations of current technologies, it will become clear that making modern and “clear” sites is quite simple.

    The main problem today is the images that you generate on your server: graphs, reports, and any other visual data. They are beautiful and clear, but not when you want to email them or give them to your users for download. For example: Google Analytics Report from , looks great in the browser and is very “messy” when loading.

    What is the problem? Why not just increase the resolution of the image and everyone will be happy? Perhaps at the moment it will be so, but it’s a dead end, you can’t increase the resolution indefinitely: the final image file size will grow proportionally and it is unlikely that your customers will be satisfied.

    So we come to the topic of vector images: they are a structured representation of graphics, with no restrictions on image size: scalable depending on your requirements, without compromising on quality and increasing file sizes. There is another problem: there are many solutions for creating vector images, in particular SVG, in the browser (Raphaël.js, D3, Highcharts, etc.), but there are no powerful solutions for creating them on the server, only a few hacks that help to use them on the backend. Many of them are based on the headless versions of WebKit: Highcharts and Freckle .

    Our team spent a lot of time researching and comparing all existing approaches and came to its own decision.this problem. After a year of customization and optimization, we realized that we could make this tool available to other developers who are faced with similar problems. So the Svable project was born .

    Svable is a service for generating SVG in the cloud. All that is required of the developers is just to send us JSON data with a list of rules and get your SVG file / link to it (or the result of converting your SVG to PNG or PDF).

    But what about code duplication? As developers, we hate it when a new service forces us to repeat the logic of our application, which uses Raphaël.js, for example, to create some “JSON rules”. In this case, it is easier to adhere to the approach of launching a “browser on the server”. We understand this, so creating adapters for popular solutions and languages ​​now is our main goal so that you can simply copy and paste the service access key, and then the adapter will convert Raphael's code to JSON for Svable. No duplication: you can use the same code on the client side and / or on the server.

    We are at an early stage and are looking for real users to integrate our solution before opening it to everyone. If you have complex SVGs (or the desire to create them so that your retina clients are satisfied), you have a good chance to start creating them quickly and simply, just write to us about your case.

    Let's make beautiful internet together.

    Also popular now: