search

gentics / mesh-incubator

Project which is home for planned enhancements for Gentics Mesh
3 stars 0 forks source link

Vectorize images in order to provide an SVG #105

Open Jotschi opened 6 years ago

Jotschi commented 6 years ago

We can vectorize images and add means to return the SVG data via graphql. This data can directly be used to render placeholder images.

https://medium.freecodecamp.org/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c

Jotschi commented 5 years ago

Example:

 "fields" : {
    "name" : "Ford GT Image",
    "image" : {
      "binaryUuid" : "b28bb14ba2fc43dd8bb14ba2fc13ddd1",
      "fileName" : "ford-gt.jpg",
      "width" : 1024,
      "height" : 768,
      "svg-thumbnail": "jApthEnmdsC23arlNibIQEUJyha/cLIBIHg4kxKQVIYmKUulCXAEQxYABOg/BciIcWPBMQSzkk5T2Q=="
      "sha512sum" : "8a422208e0d9fc375cc894244b1704906ac2761e700e9bc0c2fe433cc9d3ef4b5a17d681f7a39851982c42e068a72ea5dc242526c2e801d1f983bde1f9635380",
      "fileSize" : 530196,
      "mimeType" : "image/jpeg",
      "dominantColor" : "#7b7a77",
      "focalPoint" : {
        "x" : 0.4,
        "y" : 0.7
      },
      "metadata" : {
        "Artist" : "Picasa",
        "Resolution_Units" : "inch",
        "Thumbnail_Width_Pixels" : "0",
…
        "Unknown_tag_(0x0302)" : "0x00000083",
        "File_Source" : "Digital Still Camera (DSC)",
        "Unique_Image_ID" : "6e130a7c599150d49e93e11a73fdd097",
        "meta_save-date" : "2015-11-16T10:19:57"
      }
    }
  }