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

我想在我的网站上嵌入20张Instagram照片。这些照片是为每个页面不同，我收到的所有在PHP数组的Instagram的URL在本格式嵌入多张Instagram照片的最有效方法是什么？

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必须重定向到实际的源。

我发现的唯一的另一种方法是这样的URL

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没有几十个服务器调用的？

来源

2015-06-11 StackOverflower

你关心的是在Instagram服务器上解析这些URL，对吧？我不担心它，除非你有一些实际的性能问题... Instagram的CDN，缓存等设置服务这些图像 –

获得直接图像链接的唯一方法是进行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的图像，你嵌入他们的方式是最好的方式，你不应该关心性能问题，它会很好:)

来源

2015-06-12 08:19:37

Instagram的API只提供单一职位或照片嵌入您的网站。你需要使用第三方工具来嵌入多个Instagram照片。有很多第三方工具，但我强烈建议使用SnapWidget 。

来源

2017-05-31 21:15:43

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

回答

相关问题