如何从 Instagram API 获取裁剪后的图像？

Question

目前我得到这张图片：

https://scontent.cdninstagram.com/hphotos-xtp1/t51.2885-15/s320x320/e35/11950569_428157634035762_1539002513_n.jpg

<a href="https://scontent.cdninstagram.com/hphotos-xtp1/t51.2885-15/s320x320/e35/11950569_428157634035762_1539002513_n.jpg" rel="nofollow"><img src="https://scontent.cdninstagram.com/hphotos-xtp1/t51.2885-15/s320x320/e35/11950569_428157634035762_1539002513_n.jpg" alt="enter image description here"></a>

但是我想要这个版本的图片:

https://igcdn-photos-b-a.akamaihd.net/hphotos-ak-xfp1/t51.2885-15/e35/c238.0.603.603/11856567_458440314342209_1536381871_n.jpg

<a href="https://igcdn-photos-b-a.akamaihd.net/hphotos-ak-xfp1/t51.2885-15/e35/c238.0.603.603/11856567_458440314342209_1536381871_n.jpg" rel="nofollow"><img src="https://igcdn-photos-b-a.akamaihd.net/hphotos-ak-xfp1/t51.2885-15/e35/c238.0.603.603/11856567_458440314342209_1536381871_n.jpg" alt="img2"></a>

这就是我构造 API URL:

var apiEndpoint = "https://api.instagram.com/v1";

    function composeRequestURL() {

        var url = apiEndpoint,
            params = {};

        if (settings.next_url != null) {
            return settings.next_url;
        }

        if (settings.hash != null) {
            url += "/tags/" + settings.hash + "/media/recent";
        }
        else if (settings.search != null) {
            url += "/media/search";
            params.lat = settings.search.lat;
            params.lng = settings.search.lng;
            settings.search.max_timestamp != null && (params.max_timestamp = settings.search.max_timestamp);
            settings.search.min_timestamp != null && (params.min_timestamp = settings.search.min_timestamp);
            settings.search.distance != null && (params.distance = settings.search.distance);
        }
        else if (settings.userId != null) {
            url += "/users/" + settings.userId + "/media/recent";
        }
        else if (settings.locationId != null) {
            url += "/locations/" + settings.locationId + "/media/recent";
        }
        else {
            url += "/media/popular";
        }

        settings.accessToken != null && (params.access_token = settings.accessToken);
        settings.clientId != null && (params.client_id = settings.clientId);
        settings.minId != null && (params.min_id = settings.minId);
        settings.maxId != null && (params.max_id = settings.maxId);
        settings.show != null && (params.count = settings.show);

        url += "?" + $.param(params)

        return url;
    }

对于获得裁剪后的图像有什么建议吗？非常感谢。

Answer 1

是的，有关于获取裁剪图像的建议。

你只需要知道图像的原始宽度和高度。

您可以在 url 中添加 /cX.Y.W.H/ 以裁剪图像。

例如：您图片的原始尺寸为 1080x603。因此，要以正方形裁剪图像，我们需要获取 1080x1080 正方形（带空白）并将其裁剪为 603x603。

答案是：W=603, H=603, X=(1080-603)/2=238, Y=(1080-603)/2=238.

然后将/c238.238.603.603/添加到url：

https://scontent.cdninstagram.com/hphotos-xtp1/t51.2885-15/s320x320/e35/c238.238.603.603/11950569_428157634035762_1539002513_n.jpg

该图像是 320x320，所以要得到我们的正方形，只需删除一些变量，然后得到 url:

https://scontent.cdninstagram.com/hphotos-xtp1/c238.238.603.603/11950569_428157634035762_1539002513_n.jpg

UPD

如果您不知道图像的 real original size，非方形图像的 API returns 大小（激活它：管理客户 -> 编辑 -> 迁移选项卡 ->检查 Non square media)。

示例：

Link:

https://api.instagram.com/v1/tags/nonsquare/media/recent?client_id=CLIENT-ID

来自回答：

...
images: {
    low_resolution: {
        url: "https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/e35/p320x320/10949090_860171600771180_267418389_n.jpg",
        width: 320,
        height: 400
    },
    thumbnail: {
        url: "https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/s150x150/e35/c0.135.1080.1080/10949090_860171600771180_267418389_n.jpg",
        width: 150,
        height: 150
    },
    standard_resolution: {
        url: "https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/p640x640/10949090_860171600771180_267418389_n.jpg",
        width: 640,
        height: 800
    }
}
...

在 url 中，我们添加 /pWxH/ 以按小尺寸获取图像（对于 /p640x640/ 和真实原始尺寸 1080x1350 Instagram returns 图像 640x800）。您可以使用此值 (640x800) 作为原始值来获取裁剪图像。

在这个例子中：

API url:

https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/p640x640/10949090_860171600771180_267418389_n.jpg

原文url:

https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/10949090_860171600771180_267418389_n.jpg

裁剪 (640x640) url:

https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/p640x640/c0.80.640.640/10949090_860171600771180_267418389_n.jpg

裁剪（从 640x640 到 320x320）url：

https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/p640x640/c160.240.320.320/10949090_860171600771180_267418389_n.jpg

裁剪 (320x320) url:

https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/sh0.08/e35/p320x320/c0.40.320.320/10949090_860171600771180_267418389_n.jpg

如何从 Instagram API 获取裁剪后的图像？

How to get the cropped image from Instagram API?

javascript

jquery

html

image

instagram