Instagram会为纵向/横向图像提供方形缩略图吗?

Dre*_*ell 3 instagram instagram-api

我们在我们的网站上有一个自定义的Instagram集成,其设计假定(并且当前取决于)它显示的图像是正方形.

Instagram今天宣布他们将支持横向和人像照片.即使Instagram图像是纵向/横向,有没有办法只加载方形图像/缩略图?

Shi*_*iva 7

的确如此.

我只是花了一些时间四处寻找,发现了一些有趣的东西.

简答: API仍然返回图像的方形版本,甚至是作为肖像或风景上传的版本.如果你还想要原始的风景/肖像图像,你必须做一些小问题 - 下面的详细信息 - 直到他们在API响应中解决它.

例如:看到Taylor Swift上传的1张用户在IG的博客文章/新闻发布中提到的照片 - @johnbenett

https://instagram.com/p/6ZVIHTJLYg/

这是原始上传的照片 - Portrait 512 px x 640 px

在此输入图像描述

以下是Instagram API返回的内容,用于上述肖像图像的各种图像(包括缩略图).

  "images": {
    "low_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s320x320/e35/c0.135.1080.1080/11909195_1715998838621946_791786043_n.jpg",
      "width": 320,
      "height": 320
    },
    "thumbnail": {
      "url": "https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s150x150/e35/c0.135.1080.1080/11909195_1715998838621946_791786043_n.jpg",
      "width": 150,
      "height": 150
    },
    "standard_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/c0.135.1080.1080/11909195_1715998838621946_791786043_n.jpg",
      "width": 640,
      "height": 640
    }
Run Code Online (Sandbox Code Playgroud)

因此,此肖像图像的API返回的标准分辨率图像为640像素正方形,如下所示.

在此输入图像描述

此肖像图像的API返回的低分辨率图像为320像素正方形,如下所示.

在此输入图像描述

最后但并非最不重要的是,API为此肖像图像返回的缩略图图像是150像素正方形,看起来像这样.

在此输入图像描述

注意照片是如何在顶部和底部裁剪的,使其成为640平方.如果这是你正在寻找的,那么你很高兴去,你可能会在这里停止阅读:)

进一步阅读

如果您还想要原始的肖像/风景图像,请继续阅读.视频也在最后评估.

如何获取作为横向或纵向上传的照片的原始图像?

由于API现在只返回1组图像,但该网站能够显示原始宽高比图像,我做了一些挖掘,并意识到,如果你/c0.135.1080.1080从方形图像的网址中删除,你得到原始宽高比大小为UNCROPPED图像.

保持上面的相同例子:

方形裁剪图像URL(由API返回) https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/c0.135.1080.1080/11909195_1715998838621946_791786043_n.jpg

纵向图像URL(通过修改方形图像URL到达) https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s640x640/sh0.08/e35/11909195_1715998838621946_791786043_n.jpg

希望这可以帮助.

我猜他们最终将更新API以返回Square图像和图像媒体类型的横向,纵向图像.

视频怎么样?

我查看了发布为风景或肖像的视频.对于这些,videos阵列具有原始宽高比的视频,而images array视频Poster/缩略图图像具有方形版本.

示例:这是一个风景视频:https://instagram.com/p/65WW2uzO2f/?tolken-by = slawa23

在此输入图像描述

API返回视频文件的横向分辨率:

  "videos": {
    "low_bandwidth": {
      "url": "https://scontent.cdninstagram.com/hphotos-xaf1/t50.2886-16/11912667_1635209236718259_43009002_s.mp4",
      "width": 480,
      "height": 599
    },
    "standard_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xaf1/t50.2886-16/11912667_1696545230566321_1671523019_n.mp4",
      "width": 640,
      "height": 799
    },
    "low_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xaf1/t50.2886-16/11912667_1635209236718259_43009002_s.mp4",
      "width": 480,
      "height": 599
    }
  }
Run Code Online (Sandbox Code Playgroud)

和视频海报图像/封面图像的正方形图像.

  "images": {
    "low_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/s320x320/e15/11856717_420039798193500_1047568791_n.jpg",
      "width": 320,
      "height": 320
    },
    "thumbnail": {
      "url": "https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s150x150/e15/c140.0.360.360/11848988_1472118453090746_1196959304_n.jpg",
      "width": 150,
      "height": 150
    },
    "standard_resolution": {
      "url": "https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/e15/11856717_420039798193500_1047568791_n.jpg",
      "width": 640,
      "height": 640
    }
Run Code Online (Sandbox Code Playgroud)

所以对于视频,你很高兴,因为images阵列具有方形图像,并且videos阵列具有原始宽高比的实际视频.