How do I create thumbnails?

Questions and Answers
5

With pleasure. When you access an image by its ID:

http://localhost:1337/upload/files/:id

You will get all the existing dimensions in “formats” property, click on Summary to view it:

Summary 
{
    "_id": "5fa51b4d393946501e261939",
    "name": "0063b2cc64d976ac36f211442466d0ac.png",
    "hash": "0063b2cc64d976ac36f211442466d0ac_c4792655d7",
    "ext": ".png",
    "mime": "image/png",
    "size": 14.98,
    "width": 1138,
    "height": 302,
    "url": "/uploads/0063b2cc64d976ac36f211442466d0ac_c4792655d7.png",
    "formats": {
        "thumbnail": {
            "name": "thumbnail_0063b2cc64d976ac36f211442466d0ac.png",
            "hash": "thumbnail_0063b2cc64d976ac36f211442466d0ac_c4792655d7",
            "ext": ".png",
            "mime": "image/png",
            "width": 245,
            "height": 65,
            "size": 5.68,
            "path": null,
            "url": "/uploads/thumbnail_0063b2cc64d976ac36f211442466d0ac_c4792655d7.png"
        },
        "large": {
            "name": "large_0063b2cc64d976ac36f211442466d0ac.png",
            "hash": "large_0063b2cc64d976ac36f211442466d0ac_c4792655d7",
            "ext": ".png",
            "mime": "image/png",
            "width": 1000,
            "height": 265,
            "size": 25.49,
            "path": null,
            "url": "/uploads/large_0063b2cc64d976ac36f211442466d0ac_c4792655d7.png"
        },
        "medium": {
            "name": "medium_0063b2cc64d976ac36f211442466d0ac.png",
            "hash": "medium_0063b2cc64d976ac36f211442466d0ac_c4792655d7",
            "ext": ".png",
            "mime": "image/png",
            "width": 750,
            "height": 199,
            "size": 18.03,
            "path": null,
            "url": "/uploads/medium_0063b2cc64d976ac36f211442466d0ac_c4792655d7.png"
        },
        "small": {
            "name": "small_0063b2cc64d976ac36f211442466d0ac.png",
            "hash": "small_0063b2cc64d976ac36f211442466d0ac_c4792655d7",
            "ext": ".png",
            "mime": "image/png",
            "width": 500,
            "height": 133,
            "size": 11.72,
            "path": null,
            "url": "/uploads/small_0063b2cc64d976ac36f211442466d0ac_c4792655d7.png"
        }
    },
    "provider": "local",
    "related": [],
    "createdAt": "2020-11-06T09:45:49.329Z",
    "updatedAt": "2020-11-06T09:45:49.329Z",
    "__v": 0,
    "id": "5fa51b4d393946501e261939"
}
1 Like