Question

我在FB画布应用程序中为fb照片创建照片查看器。因此我关心照片尺寸。似乎FB中所有上传的照片似乎都有不同的尺寸。我在图API（http://developers.facebook.com/docs/reference/api/photo/）中看到源属性中的术语：“最大宽度或高度720px”，以及宽度和高度属性。我在fql photo中有几张照片尺寸（http://developers.facebook.com/docs/reference/fql/photo/）。

一个类别（src_small，normal，src_big）中的照片尺寸是否始终相同或者它们可能不同？我想他们可以有所不同。
FB支持哪些格式？我想这是小正常和大
如何从概念上处理观众中的不同尺寸？我想你需要修复观察区域，例如。 3（高）：4（宽）。现在，通过最大化高度或宽度来确定查看器内的图像大小。

我是否朝着正确的方向前进？

Answer 1

不确定您是否注意到，但是图谱API中还有一个“图像”字段，其中包含与FQL类似的“照片的4种不同存储表示”。

"images": [
  {
     "width": 720,
     "height": 483,
     "source": "http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_n.jpg"
  },
  {
     "width": 180,
     "height": 120,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_a.jpg"
  },
  {
     "width": 130,
     "height": 87,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_s.jpg"
  },
  {
     "width": 75,
     "height": 50,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_t.jpg"
  }
],

请注意，原始图像的宽度不是每次720px。如果您上传较小的图片，则不会放大。

从第一个视图看，所存储的图像似乎具有每个表示的固定宽度。 180px用于大型，130px用于中型，75px用于小型。还有一张原始图像，最大宽度为720px。

FB仅支持JPEG格式。

从概念上讲，您应该为要显示的图像大小设置一个固定宽度的窗口（让我们使用宽度为180px的图像向用户显示最大的[大]图像。然后高度<= 180px。所以如果图像高度较小，你可以制作一个180x180的盒子并用黑色填充背景。

或者像facebook那样做。拍摄原始图像，尽可能大的合适到窗口。他们使用弹出窗口，因此他们可能会占用图像的最大空间。使用有效的CSS，可以轻松播放不同大小的图像。

所以是的，你正朝着正确的方向前进，只需分析Facebook API并充分利用它们。

如果您在编写所需的CSS或将FQL查询放在一起时遇到任何问题，请随时提出另一个问题：）

Little reading about CSS image resize

照片尺寸可通过Graph API / FQL获得，并在自定义查看器中显示

1 个答案: