嵌入多张 Instagram 照片的最有效方法是什么？答案

【问题标题】：What is the most efficient way to embed multiple Instagram photos?嵌入多张 Instagram 照片的最有效方法是什么？
【发布时间】：2015-08-27 20:01:39
【问题描述】：

我正在尝试在我的网站上嵌入大约 20 张 Instagram 照片。每个页面的照片都不同，我以这种格式在 php 数组中接收所有 Instagram url

https://instagram.com/p/xxxxxxxxxx/media/?size=m

我目前只是使用一个 foreach 循环并像这样嵌入它们

<img src="https://instagram.com/p/xxxxxxxxxx/media/?size=m">
<img src="https://instagram.com/p/xxxxxxxxxy/media/?size=m">
<img src="https://instagram.com/p/xxxxxxxxxz/media/?size=m">

我认为这不是最有效的方法，因为每个图像 src 都必须重定向到实际源。

我发现的唯一其他方法是这个网址

https://api.instagram.com/oembed/?url=https://instagram.com/p/xxxxxxxxxx/media/?size=m

但是使用这种方法意味着我需要对每个图像进行 json 解码以找到其实际来源。

有没有什么方法可以将https://instagram.com/p/xxxxxxxxxx/media/?size=m URL 转换为直接图像 url 而无需数十次服务器调用？

【问题讨论】：

您担心这些 URL 在 Instagram 服务器上解析，对吗？除非您遇到一些实际的性能问题，否则我不会担心... Instagram 有 CDN、缓存等设置来提供这些图像

标签： php embed instagram instagram-api

【解决方案1】：

获取直接图片链接的唯一方法是进行 API 调用。

如果您通过 API 获取这些图像，您只需检查响应的图像节点，例如：

"images": {
        "low_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_6.jpg",
            "width": 306,
            "height": 306
        },
        "thumbnail": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_5.jpg",
            "width": 150,
            "height": 150
        },
        "standard_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_7.jpg",
            "width": 612,
            "height": 612
        }
    },

有关 API 响应的更多详细信息可以在这里找到：https://instagram.com/developer/endpoints/media/

如果你没有通过 API 获取图片，你嵌入它们的方式是最好的方式，你不应该关心性能问题，它会很好:)

【讨论】：

【解决方案2】：

Instagram API 仅提供单个帖子或照片以嵌入您的网站。您需要使用第三方工具来嵌入多张 Instagram 照片。有很多第三方工具，但我强烈建议使用SnapWidget .

【讨论】：