Retinaディスプレイ（便利なマーケティング用語のおかげでApple）はすでに私たちの生活の一部になっています。 あなたがウェブ開発者/デザイナーであり、高解像度の画面にあなたの作品がどのように表示されるかを考慮していない場合、あなたは真剣に現代のトレンドから脱落しています。
Retina対応製品を作るのは難しいですか？ インターフェイスについて話している場合、答えは「いいえ」です。いくつかのトリックがあります（最も完全なリストは、Thomas FuchsのRetinafy本にあります）。 そして、現在の技術のすべての問題と制限を理解すると、近代的で「明確な」サイトの作成が非常に簡単であることが明らかになります。
今日の主な問題は、サーバーで生成する画像です。グラフ、レポート、その他の視覚データです。 それらは美しく明確ですが、電子メールで送信したり、ダウンロードのためにユーザーに提供したい場合はそうではありません。 例： Visual.lyからのGoogle Analyticsレポートは、ブラウザーでは見栄えがよく、ロード時には非常に「乱雑」です。
問題は何ですか？ 画像の解像度を上げるだけで、誰もが幸せになるのはなぜですか？ 現時点ではそうかもしれませんが、行き止まりです。解像度を無期限に増やすことはできません。最終的な画像ファイルのサイズは比例して大きくなり、顧客が満足することはほとんどありません。
そこで、ベクター画像のトピックを取り上げます。ベクター画像は、画像サイズに制限のないグラフィックの構造化された表現です。品質に妥協することなく、ファイルサイズを増やすことなく、要件に応じてスケーラブルです。 別の問題があります：ベクター画像、特にSVGをブラウザーで作成するための多くのソリューション（Raphaël.js、D3、Highchartsなど）がありますが、サーバー上でそれらを作成するための強力なソリューションはなく、使用するのに役立つハックがいくつかありますそれらをバックエンドで。 それらの多くは、WebKitのヘッドレスバージョンであるHighchartsとFreckleに基づいています。
私たちのチームは、既存のすべてのアプローチの調査と比較に多くの時間を費やし、この問題に対する独自の解決策を見つけました。 1年のカスタマイズと最適化の後、同様の問題に直面している他の開発者がこのツールを使用できるようになることに気付きました。 それでSvableプロジェクトが生まれました。
Svableは、クラウドでSVGを生成するためのサービスです。 開発者に必要なのは、ルールのリストを含むJSONデータを送信し、SVGファイル/リンク（またはSVGをPNGまたはPDFに変換した結果）を取得するだけです。
しかし、コードの複製はどうでしょうか？ 開発者として、新しいサービスによってアプリケーションのロジックを繰り返す必要がある場合は嫌いです。たとえば、Raphaë.jsを使用して「JSONルール」を作成します。 この場合、「サーバー上のブラウザ」を起動するアプローチに従う方が簡単です。 これを理解しているので、人気のあるソリューションと言語用のアダプターを作成することが現在の主な目標であり、サービスアクセスキーをコピーして貼り付けるだけで、アダプターはRaphaelのコードをSvable用のJSONに変換します。 重複なし：クライアント側および/またはサーバーで同じコードを使用できます。
私たちは初期段階にあり、誰にでも公開する前にソリューションを統合する実際のユーザーを探しています。 複雑なSVGを使用している場合（またはRetinaクライアントが満足するように作成したい場合）、迅速かつ簡単に作成を開始する良い機会があります。ケースについてご連絡ください。
一緒に美しいインターネットを作りましょう。