Open Jotschi opened 6 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"
}
}
}
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